介紹IE8的CSS hack

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

css相容性一直是大家頭疼的問題,IE6、IE7和FF已經讓大家夠嗆,在以前的文章中,很多這方面的知識介紹。今天向大家介紹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 <a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <a href="http://www.blue1000.com/bkhtml/c21/" title="XML教程">XML</a>ns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>區別IE6、IE7、IE8、FireFox的<a href="http://www.blue1000.com/bkhtml/c23/" title="CSS教程">CSS</a> hack</title><style type="text/css"><!--#test,#note{margin:0 auto;text-align:center;}#test {width:200px;height:30px;border: 1px solid #000000;color:#fff;line-height:30px;}.color{background-color: #CC00FF;                /*所有瀏覽器都會顯示為紫色*/background-color: #FF0000\9;        /*IE6、IE7、IE8會顯示紅色*/*background-color: #0066FF;                /*IE6、IE7會變為藍色*/_background-color: #009933;                /*IE6會變為綠色*/}--></style></head><body><div id="test" class="color">測試方塊</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>
 



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。