轉自碼頭:IE8的css hack

來源:互聯網
上載者:User

首先感謝“丸子”提供的這個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支援 */
}

包括我自己也是使用這種的,這是我前段時間整理的《主流瀏覽器的一些CSS hack》。

很多人再研究color:#0000FF\9;中的為什麼IE6-IE8支援“\9”寫法,和它的原理,我只是個工程師,不是科學家,我不懂為什麼和它的真正原理,真的!很慚愧!

回到IE8的CSS hack,講講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;
我轉載只為資源共用。少給我唧唧歪歪。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。