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

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

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>  

<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>


Html代码  
<div id=”body”>  
<ul>  
<li>FF下蓝边</li>  
<li>IE6下红边</li>  
<li>IE7下绿边</li>  
<li>IE8下黄边</li>  
</ul>  
</div>  

<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

給你這樣的hack寫法..專注改代碼10年...

浪费我的感 情

都不知道有没有认证测试的
反正我遇到过HACK写法不能解决问题的

千万别用这种所谓的css hack，维护起来太费劲了，实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。

fogtower
千万别用这种所谓的css hack，维护起来太费劲了，实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。

楼上正解，我通常都是这么干的，在页面里链接进不通的CSS文件，维护起来非常方便，比如哪天IE6已经淘汰了，只需要直接删掉IE6的CSS文件，如果用hack改起来就麻烦了。这样的hack在真正开发起来实用性不大，对于自己做个小玩意儿还是可以的

fixsmall
fogtower
千万别用这种所谓的css hack，维护起来太费劲了，实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。

楼上正解，我通常都是这么干的，在页面里链接进不通的CSS文件，维护起来非常方便，比如哪天IE6已经淘汰了，只需要直接删掉IE6的CSS文件，如果用hack改起来就麻烦了。这样的hack在真正开发起来实用性不大，对于自己做个小玩意儿还是可以的


有钱的公司可以这样做，没钱的公司整个页面都是TABLE ， 兼容性很好 ~

不大实用，这样写css代码行数太可怕了

naily
不大实用，这样写css代码行数太可怕了

其实也不是所有的CSS都要这样啊，大部分css都还是各浏览器通用的。

其实我也比较常用 这样的CSS hack，毕竟出现这种情况的 都是少数的，而且在一个公司里  如果统一采用这种方式，那么后期的维护也并不会很大。 写兼容的方式很多，但按照一种标准来执行的话，用哪种都差不多的，个人意见。

呵呵，找个机会...

刚才我还看见了呢.

我顶啊。接着顶