全面兼容ie6,ie7,ie8,ff的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

评论

11 楼 dukai1008 2010-07-09  

我觉得不用HACK也可以写出好站,你信不信

我的个人网站 http://www.dukai168.cn 这个站

没有用一个HACK,一样好好的

W3C的标准是可以在一定程序上解决不兼容的..

10 楼 wv1124 2010-07-04  

楼主只是实例而以

9 楼 elive777 2010-07-04  

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

8 楼 yanlp 2010-07-02  

naily 写道

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

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

7 楼 naily 2010-07-02  

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

6 楼 evaspring 2010-07-02  

fixsmall 写道

fogtower 写道

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

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

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

5 楼 fixsmall 2010-07-01  

fogtower 写道

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

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

4 楼 fogtower 2010-07-01  

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

3 楼 風一樣的男子 2010-06-30  

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

2 楼 bevis.cn 2010-06-30  

浪费我的感 情

1 楼 sunwenran 2010-06-30  

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