IE8的css hack及不兼容解決方案

IE8不兼容解決方案:
這句話加在頭部

 
<meta http-equiv="x-ua-compatible" content="ie=7" />

關注過IE8的css hack的人相信大家都在使用這個hack,就是&ldquo;\9&rdquo;的css hack:.test{ color:#000000; /* FF,OP支持 */
color:#0000FF\9; /* 所有IE瀏覽器(ie6+)支持 ;但是IE8不能識別&ldquo;*&rdquo;和&ldquo;_&rdquo;的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不能識別&ldquo;*&rdquo;和&ldquo;_&rdquo;的css hack,
所以我們可以使用 color:#0000FF\9; ;/*ie6,ie7,ie8*/
*color:#FFFF00;/*ie7*/
_color:#FF0000;/*ie6*/
來區分IE的各個版本。至於爲什麼使用&ldquo;\9&rdquo;我真的不清楚原因,
但是其他0-13的數字,最終效果如下:

其中:OP表示Opera,SA表示Safari,Ch表示Chrome;
當然你如果還有耐心可以測試&ldquo;\14&rdquo;,&ldquo;\15&rdquo;,&ldquo;\16&rdquo;。。。
從上面測試結果我們可以看出,
&ldquo;\0&rdquo;的寫法只被IE8識別,ie6,ie7都不能識別,那麼&ldquo;\0&rdquo;應該是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。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章