日期:2014-05-17  浏览次数:20635 次

IE6、IE7、IE8、Firefox、Opera CSS hack区分
IE6、IE7、IE8、Firefox、Opera CSS hack区分


针对样式名

如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>/**/body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效
如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效

针对具体属性

如果只让ie6看见用_     .head{_color:#000;}
如果只让ie7看见用+与_结合的方法:     .head{+color:#f00;!;_color:#000;}

IE8正式版hack

\9″ 例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox.
“*” IE6、IE7可以识别.IE8、FireFox不能.
“_” IE6可以识别”_”,IE7、IE8、FireFox不能.
如:
.a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }

?

从左到右分别对应 FF,IE8 IE7 IE6

-------------------------------------------------

各浏览器CSS hack兼容表:

??

? IE6 IE7 IE8 Firefox Chrome Safari
!important ? Y ? Y ? ?
_ Y ? ? ? ? ?
* Y Y ? ? ? ?
*+ ? Y ? ? ? ?
\9 Y Y Y ? ? ?
\0 ? ? Y ?