CSS hack技術(shù)在IE8瀏覽器中的應(yīng)用
作者：leotyn
由于不同的瀏覽器，比如IE6、IE7、IE8、Firefox等，對(duì)CSS解析的標(biāo)準(zhǔn)不同，因此對(duì)于相同的CSS代碼，可能會(huì)生成不同的頁面效果，這里向大家描述一下IE8瀏覽器中CSS hack技術(shù)的用法。
本文向大家介紹一下IE8瀏覽器中CSS hack技術(shù)的使用，CSS hack是因?yàn)楝F(xiàn)有瀏覽器對(duì)標(biāo)準(zhǔn)的解析不同，為了兼容各瀏覽器，所采用的一種補(bǔ)救方法，而關(guān)注過IE8 CSS hack的人相信大家都在使用這個(gè)hack，就是“\9”的CSS hack。
IE8瀏覽器中CSS hack技術(shù)
關(guān)注過IE8 CSS hack的人相信大家都在使用這個(gè)hack，就是“\9”的CSS hack：
- .test{
- color:#000000;/*FF,OP支持*/
- color:#0000FF\9;/*所有IE瀏覽器(IE6+)支持；
- 但是IE8不能識(shí)別“*”和“_”的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不能識(shí)別“*”和“_”的CSS hack，所以我們可以使用
- color:#0000FF\9;;/*IE6,IE7,IE8*/
- *color:#FFFF00;/*IE7*/
- _color:#FF0000;/*IE6*/
來區(qū)分IE的各個(gè)版本，至于為什么使用“\9”我真的不清楚原因，但是其他0-13的數(shù)字，最終效果如下：
其中：OP表示Opera，SA表示Safari，Ch表示Chrome；當(dāng)然你如果還有耐心可以測試“\14”，“\15”，“\16”。。。從上面測試結(jié)果我們可以看出“\0”的寫法只被IE8識(shí)別，IE6，IE7都不能識(shí)別，那么“\0”應(yīng)該是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技術(shù)用法
- 探究CSS hack使用原理 規(guī)則及弊端
- 深入探究DIV CSS布局中position屬性用法
- CSS屬性display:inline-block使用揭秘
- CSS hack:實(shí)現(xiàn)IE6、IE7、Firefox兼容
責(zé)任編輯：佚名
來源：
cssfan.cn
