介紹IE8的CSS hack

2024-07-11 08:22:08

字體：大中小

來源：轉載

供稿：網友

　　css兼容性一直是大家頭疼的問題，ie6、ie7和ff已經讓大家夠嗆，在VeVb.com以前的文章中，很多這方面的知識介紹。今天向大家介紹ie8的css hack。

　　ie8正式版發布以來,一直在找一種區別ie8正式版的方法.在百度搜索"ie8 hack"有19萬多個結果,google搜索則有243萬多個結果,但幾乎沒有看到任何一種有效的方法是針對ie8正式版的,要知道ie8正式版和測試版在hack上是有很大區別的.而且網絡上的方法幾乎都是出自一兩個人之手,最有名的可能要數那張linxz.cn的hack圖片了,這張圖片估計被國內的網友轉載了幾十萬次,但目前這張圖里的方法對ie8正式版是無效的.

　　經過分析和總結網友們的各個無效方法,有了下面的行之有效的解決方案,或許以后還會有更好更簡單的hack,但就目前來說這個方法可以解決燃眉之急.

　　不再講廢話,來(以下的ie8均指ie8正式版,版本號:8.0.6001.18702):

"/9"　例:"margin:0px auto/9;".這里的"/9"可以區別所有ie和firefox.
"*"　ie6、ie7可以識別.ie8、firefox不能.
"_"　ie6可以識別"_",ie7、ie8、firefox不能.

　　如此,就可以完全區分開ie6、ie7、ie8、firefox了.

　　什么?還是不知道怎么區分.好吧,來看個例子:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>區別ie6、ie7、ie8、firefox的css hack - www.survivalescaperooms.com</title><style type="text/css"></style></head><body><div id="test" class="color">測試方塊 www.survivalescaperooms.com</div><div id="note"><strong style="color:#009933">ie6</strong><strong style="color:#0066ff">ie7</strong><strong style="color:#ff0000">ie8</strong><strong style="color:#cc00ff">firefox</strong></div></body></html>
[ctrl+a 全部選擇提示：你可先修改部分代碼，再按運行]

上一篇：DIV+CSS制作網頁心得

下一篇：CSS教程:解析CSS列表樣式屬性list-style