CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox

引用

selector{

property:value; // 所有浏览器

property:value\9; // 所有IE浏览器

+property:value; // IE7

_property:value; // IE6

}

注意顺序，根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。

p.ie{

color:blue; // 所有浏览器

color:brown\9; // 所有IE浏览器

+color:red; // IE7

_color:green; // IE6

}

注意顺序，根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。




此外还可以用IE条件注释+CSS，来进行区分，代码如下：

<p class="ie">

<span style="display:block;display:none\9;">嘿嘿，小子竟然也用Firefox，蓝色文字。</span>

<!–[if IE 8]>不错不错，挺先进的嘛，使用IE8呢！文字是褐色的。<![endif]–>

<!–[if IE 7]>你，IE7，红色文字！<![endif]–>

<!–[if IE 6]>孩子，虽然显示的是绿色文字，不过，IE6可不是好东西呢！<![endif]–>

</p>

评论

5 楼 prothi 2009-07-31  

其实，如果css应用的好的话，bug还是很少的，很多bug都是css写的不够地道的原因造成的，这种hack的方式固然好用，但是如果所有的地方都是用hack，那岂不是为每一种浏览器都开发一种样式了。

4 楼 top_fly 2009-07-03  

闹着玩挺爽的

3 楼 whaosoft 2009-07-02  

呵呵 lz不错!~

2 楼 java.lang.Object 2009-07-02  

没有作用啊

1 楼 iammonster 2009-06-30  

不错，赞一个