css中的!important是乙個非常重要的屬性,這個屬性是css規範中的,但ie6不支援,也正是因為它不支援,才讓人找到了解決ie6和別的瀏覽器不相容問題的辦法。
一般來說,在css中,如果在同乙個css塊中寫兩個相同的屬性,那麼是按照後出現的來執行的,比如:
.body{
margin-left:20px;
margin-left:40px;
那麼在執行的時候其實是按照40px執行的,!important的出現就是為了讓使用者自己設定被執行語句的優先順序。如果把上面的語句改為:
.body{
margin-left:20px!important;
margin-left:40px;
或者!important.body{
margin-left:20px;
margin-left:40px;
那麼在火狐、google瀏覽器以及ie7以上版本將會按照20px來執行,而在ie6下仍按照40px來執行,因為ie6並不支援!important規範,我們可以按照這個規則來滿足ie6的設定需要,什麼時候發現ie6和其他瀏覽器顯示效果不同,那麼就設定兩個,在上面的乙個加入
!important標記,而下面的語句不需要新增,這樣ie6就按照下面的來執行了。
我一直都認為上面的說法是正確的,因為網上都是這麼說的,但一直沒有機會實際的測試一下,今天終於有機會使用!important屬性之後才發現我被騙了。
通過我的測試,ie6也是支援!important屬性的,但也可以用該屬性來區分瀏覽器。
div{
position:absolute;
top:expression(screen.height*0.6)!important;
top:300px;
right:0px;
visibility:visible;
對於ie瀏覽器是支援expression表示式的,並且宣告了!important屬性,就是說ie瀏覽器只會執行有表示式的這行**,因此ie瀏覽器的結果就是螢幕高度的60%,而非ie瀏覽器因為不支援expression,所以會執行下一行,結果就是300px。
css屬性 important的使用
定義及語法 important,作用是提高指定樣式規則的應用優先權 優先順序 語法格式,即寫在定義的最後面,例如 box。在css中,通過對某一樣式宣告 important 可以更改預設的css樣式優先順序規則,使該條樣式屬性宣告具有最高優先順序。相容問題 ie7及ie7 firefox,chrom...
CSS中的 important屬性用法
關於css的運用技巧有很多,今天主要 一下css中 important 這個屬性的用法。在css的使用中,遇到最多的問題就是不同瀏覽器之間的相容問題。由於ie並不嚴格執行w3c標準,而又幾乎壟斷了瀏覽器市場。所以作為一名合格的 製作人員,必須要針對不同的瀏覽器進行微調。實現不同瀏覽器之間相容的方法有...
CSS中的 important屬性用法
關於css的運用技巧有很多,今天主要 一下css中 important 這個屬性的用法。在css的使用中,遇到最多的問題就是不同瀏覽器之間的相容問題。由於ie並不嚴格執行w3c標準,而又幾乎壟斷了瀏覽器市場。所以作為一名合格的 製作人員,必須要針對不同的瀏覽器進行微調。實現不同瀏覽器之間相容的方法有...