您當前所在位置：
首頁 →
網(wǎng)絡編程 →
DIVCSS →
解決IE和Mozilla的布局差別的利器：“!important”-CSS教程
解決IE和Mozilla的布局差別的利器：“!important”-CSS教程
時間：2015-06-28 00:00:00
來源：IT貓撲網(wǎng)
作者：網(wǎng)管聯(lián)盟
我要評論(0)
- 初學div css網(wǎng)頁布局的設計者經(jīng)常會被一個問題困擾著。
在IE和其他(Mozilla、Opera等)瀏覽器里顯示的效果經(jīng)常會偏差2px。
這是因為IE對盒之間距離的解釋的bug造成的。一個技巧提示幫我們找到了解決的方法：用!important。
!important是CSS1就定義的語法，作用是提高指定樣式規(guī)則的應用優(yōu)先權(quán)。
語法格式{ sRule!important }，即寫在定義的最后面，如：
box{color:red !important;}
最重要的一點是：IE一直都不支持這個語法，而其他的瀏覽器都支持。我們就可以利用這一點來分別給IE和其它瀏覽器不同的樣式定義。如：
.colortest {
border:20px solid #000 !important;
border:20px solid #CCC;
padding: 30px;
width : 300px;
}
在Mozilla中瀏覽時候，能夠理解!important的優(yōu)先級，因此顯示#000的顏色；
在IE中瀏覽時候，不能夠理解!important的優(yōu)先級，因此顯示#CCC的顏色。
可以看到，利用!important，我們可以針對IE和非IE瀏覽器設置不同的樣式，只要在非IE瀏覽器樣式的后面加上!important。
!important必定成為CSS布局的利器，請記住它、把握它、并合理的加以利用！關鍵詞標簽：教程,利器,差別,布局,
相關閱讀
熱門文章
DIV+CSS網(wǎng)頁布局常用的一些基礎知識整理
![完美解決CSS網(wǎng)頁水平居中]()
完美解決CSS網(wǎng)頁水平居中
![XHTML+CSS兼容解決方案]()
XHTML+CSS兼容解決方案
![CSS網(wǎng)頁布局困擾新手的八個問題]()
CSS網(wǎng)頁布局困擾新手的八個問題
人氣排行
DIV CSS完美兼容IE6/IE7/FF的通用方法
CSS實例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例
CSS實例:通過定義漸變邊框給圖片加陰影
CSS常用技巧之一 禁止文字自動換行
網(wǎng)頁頁面設計中CSS十大注意
解決用CSS控制DIV居中失效的問題
css div設置float后高度不能自動增加
讓CSS兼容IE和Firefox的技巧集合
