IE6是支持!important的

備註:寫在同一選擇器中的!important是不被IE6所認的,而分開情況的則正常

參考:http://blog.dmtuan.com/?p=183

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6支持important</title>
<style type="text/css">

.box { background:red;}
.box { background:green !important; }

.box-box { background:green !important; background:red;}

</style>
</head>
<body>
<div class="box">IE6支持important</div><!--所有瀏覽器都是green-->
<div class="box-box">IE6支持importantt</div><!--IE6瀏覽器是紅色--->
</body>
</html>

IE6是支持!important的

轉自:http://bbs.blueidea.com/thread-2982362-1-1.html

首先,這個題目有點老了。爲什麼要寫這個,是因爲我在一個羣裏討論CSS規則優先級的時候,說了句!important級別最高。因果被批判的體無完膚,什麼“!important不好用,誰沒事會用它”,“IE6根本不支持這個東西”之類的話。我想說IE6真的是支持!important的。

網上很多講CSS HACK的教程都有這樣的內容,如果想寫一個讓FF、IE7、IE8可以識別,並且IE6不能識別的CSS HACK,就用!important。造成的結果就是很多人以爲!important在IE6下根本不支持,本人當時就是受害者之一。!important在CSS1中就有描述,鏈接如下:http://www.w3.org/TR/CSS1/#important。爲什麼會造成IE6不支持的假象呢,原因是IE6有BUG。在IE6中,下面的這段代碼顯示是不正確的。

 提示:您可以先修改部分代碼再運行


在標準瀏覽器下,這個DIV應該是紅色的,但在IE6下是黃色的。這個只能說是IE6的BUG,而不能說IE6完全不支持!important。如果把上面的代碼改爲:

 提示:您可以先修改部分代碼再運行


怎麼樣,可以正常顯示了吧。同理,下面的代碼在IE6下也可以正確顯示的。

 提示:您可以先修改部分代碼再運行


結論:作爲CSS優先級別的老大,!important是全瀏覽器兼容的。


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