CSS hack技术在IE8浏览器中的应用

本文向大家介绍一下IE8浏览器中CSS hack技术的使用，CSS hack是因为现有浏览器对标准的解析不同，为了兼容各浏览器，所采用的一种补救方法，而关注过IE8 CSS hack的人相信大家都在使用这个hack，就是“\9”的CSS hack。

IE8浏览器中CSS hack技术

关注过IE8 CSS hack的人相信大家都在使用这个hack，就是“\9”的CSS hack：

.test{  
 
color:#000000;/*FF,OP支持*/  
 
color:#0000FF\9;/*所有IE浏览器(IE6+)支持；  
但是IE8不能识别“*”和“_”的CSS hack；所以我们可以这样写hack  
*/color:#000000;color:#00FF00;/*SF,CH支持*/  
*color:#FFFF00;/*IE7支持*/  
 
_color:#FF0000;/*IE6支持*/  
 
.}  

◆讲讲color:#0000FF\9：

color:#0000FF\9的hack支持IE6-IE8（其他版本没有测试），但是IE8不能识别“*”和“_”的CSS hack，所以我们可以使用

color:#0000FF\9;;/*IE6,IE7,IE8*/  
 
*color:#FFFF00;/*IE7*/  
 
_color:#FF0000;/*IE6*/  
 

来区分IE的各个版本，至于为什么使用“\9”我真的不清楚原因，但是其他0-13的数字，最终效果如下：

其中：OP表示Opera，SA表示Safari，Ch表示Chrome；当然你如果还有耐心可以测试“\14”，“\15”，“\16”。。。从上面测试结果我们可以看出“\0”的写法只被IE8识别，IE6，IE7都不能识别，那么“\0”应该是IE8的真正hack。

◆主流浏览器的CSS hack这样更好一些：

.test{  
 
color:#000000;/*FF,OP支持*/  
 
color:#0000FF\0;/*IE8支持*/  
 
color:#000000;color:#00FF00;/*SF,CH支持*/  
 
*color:#FFFF00;/*IE7支持*/  
 
_color:#FF0000;/*IE6支持*/  
 
}  

其中：OP表示Opera，SA表示Safari，Ch表示Chrome。
 

【编辑推荐】

1. IE浏览器中CSS Hack技术用法
2. 探究CSS hack使用原理 规则及弊端
3. 深入探究DIV CSS布局中position属性用法
4. CSS属性display:inline-block使用揭秘
5. CSS hack:实现IE6、IE7、Firefox兼容