`
shuxiang
  • 浏览: 28423 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

CSS HACK写法

阅读更多

写页面设计的朋友们,经常为浏览器CSS兼容性 头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享。

 

<style type=”text/css”>
#body {
border:2px solid #00f;     /*ff的属性*/
border:2px solid #090\9;   /* IE6/7/8的属性 */
border:2px solid #F90\0;     /* IE8支持 */
_border:2px solid #f00;     /*IE6的属性*/
}
</style>
   
<div id=”body”>
<ul>
<li>FF下蓝边</li>
<li>IE6下红边</li>
<li>IE7下绿边</li>
<li>IE8下黄边</li>
</ul>
</div>

 

注:css顺序不能写错,因为ff不认识\9、\0、_写法,所以为蓝边;\9是IE6、7、8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为ie8属性,相当于重写了颜色,所以IE8下为黄边、_是ie6的属性、重写颜色为红边。

 

原文:http://www.52blogger.com/archives/535

本文链接:http://www.blueidea.com/tech/web/2010/7768.asp

分享到:
评论

相关推荐

    cssHack样式解析

    下面是一些常见的 CSS Hack 写法: * 区别 IE6 和 Firefox:`background:orange; *background:blue;` * 区别 IE6 和 IE7:`background:green !important; background:blue;` * 区别 IE7 和 Firefox:`background:...

    各浏览器下Hack的写法

    以下是针对各主流浏览器的一些CSS Hack写法: 1. **Firefox**: 使用`@-moz-document url-prefix()`来为Firefox编写特定的CSS规则。例如: ```css @-moz-document url-prefix() { .selector { property: value...

    2010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法

    本文将探讨一种2010年时全面兼容这些浏览器的CSS HACK写法。 首先,为了解决IE8的兼容性问题,我们可以使用微软提供的`&lt;meta&gt;`标签,如下所示: ```html ``` 将这段代码放入HTML文档的`&lt;head&gt;`部分,IE8会以IE7...

    web前端规范之CSSHack[总结].pdf

    以下是一些常见的CSS Hack写法示例: ```css .newsList { padding: 10px; /* FF, CH, OP */ [padding: 10px; padding: 12px;] /* SF, CH (取后者) */ padding: 9px\9; /* 所有ie内核 */ padding: 8px\0; /* ie8...

    css_hack csshack技术

    ### CSS Hack 技术详解及应用 #### 一、引言 随着互联网技术的发展,Web前端开发变得越来越重要。然而,在实际开发过程中,一个不容忽视的问题便是**跨浏览器兼容性**。由于不同浏览器(包括同一浏览器的不同版本...

    不同浏览器的CSS Hack写法小结

    区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    具体的CSS hack写法如下: - 区别IE6与Firefox:background: orange; *background: blue; - 区别IE6与IE7:background: green !important; background: blue; - 区别IE7与Firefox:background: orange; *background:...

    全面兼容ie6,ie7,ie8,ff的CSS HACK写法

    本文将分享一种CSS HACK的写法,能够帮助大家更好地处理不同浏览器之间的兼容性问题。 首先,我们需要了解CSS HACK的基本原理。CSS HACK是一种特殊的CSS代码,用于解决特定浏览器对CSS支持的差异问题。通过特定的...

    H5 CSS hack 和浏览器内核

    这种写法就是一种CSS Hack。 浏览器内核是解析和渲染网页内容的核心组件,常见的有Trident(IE)、Gecko(Firefox)、Webkit(Safari, Chrome)和Blink(Chrome, Opera)。每种内核对CSS的解析方式和对新特性的支持...

    CSS教程之通用的css hack简介

    ### CSS教程之通用的CSS Hack简介 #### 一、引言 随着Web技术的发展与浏览器种类的增多,兼容性问题成为前端开发人员面临的一大挑战。为了解决不同浏览器对CSS支持程度不一的问题,开发者们发明了各种CSS Hack技巧...

    CSS Hack 浏览器兼容写法 用法

    CSS Hack 不得不在一些项目中运用到

    Css hack总结及其最佳用法

    CSS Hack,作为一种应对不同浏览器间样式解析差异的技术,是前端开发者在处理跨浏览器兼容性问题时经常需要用到的技能。在本文中,我们将深入探讨CSS Hack的原理、常见方法以及最佳实践,特别关注针对IE6、IE7和IE8...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    兼容IE6E7IE8FF的CSS HACK写法.doc和css hack 区分ie6.0 ie7.0 firesox的各种写法.doc中介绍了如何通过特定的语法结构来实现对不同浏览器的针对性优化。 3. **PNG透明度问题**:IE6对PNG-24格式的透明处理不足,...

    web前端规范之CSSHack.pdf

    **CSS Hack常见写法** 以下是一些CSS Hack的示例: ```css .newsList { padding: 10px; /* FF CH OP 都能识别 */ [padding:10px; padding:12px;]; /* SF, CH (值取后者: padding :8px) */ padding:9px\9; /* ...

    浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果

    从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack这一节将和大家一起学习:浏览器兼容之旅的第二站:各浏览器的Hack写法

    区分ie6 7 8 FF 的css hack 日常总结

    这些特殊的写法就被称为CSS Hack。 在描述中提到的方法是针对IE的一个典型hack技巧。`_`前缀和`\9`字符是用来分别影响IE6/7和IE8及更高版本的。具体如下: 1. `background:红色;` 这条规则是非IE浏览器的默认样式...

Global site tag (gtag.js) - Google Analytics