CSS hack技術在IE8瀏覽器中的應用
作者：leotyn
由于不同的瀏覽器，比如IE6、IE7、IE8、Firefox等，對CSS解析的標準不同，因此對于相同的CSS代碼，可能會生成不同的頁面效果，這里向大家描述一下IE8瀏覽器中CSS hack技術的用法。
本文向大家介紹一下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。
【編輯推薦】
- IE瀏覽器中CSS Hack技術用法
- 探究CSS hack使用原理 規則及弊端
- 深入探究DIV CSS布局中position屬性用法
- CSS屬性display:inline-block使用揭秘
- CSS hack:實現IE6、IE7、Firefox兼容
責任編輯：佚名
來源：
cssfan.cn
