日期:2014-05-17 浏览次数:20769 次
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 | ? | 
                    
                    
                     
                        免责声明: 本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
                     
                    
                
                
            
            
            
    
        
   
 |