天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

用!important解決IE和Mozilla的布局差別

在設計《網頁設計師》頁面的時候,有一個問題一直困擾著我,主菜單在IE和其他(Mozilla、Opera等)瀏覽器里顯示的效果偏差2px。截圖如下:

IE中的效果

IE中的效果

Mozilla Firefox中的效果

Firefox中的效果

這是因為IE對盒之間距離的解釋的bug造成的(參考onestab的" 浮動模型的問題 ")。我一直沒有解決這個問題,直到我翻譯 " 表格對決CSS--一場生死之戰 "時,作者的一個技巧提示幫我找到了解決的方法:用!important。

!important是CSS1就定義的語法,作用是提高指定樣式規則的應用優先權(參見:W3.org的解釋)。語法格式{ sRule!important },即寫在定義的最后面,例如:

box{color:red !important;}

最重要的一點是:IE一直都不支持這個語法,而其他的瀏覽器都支持。因此我們就可以利用這一點來分別給IE和其他瀏覽器不同的樣式定義,例如,我們定義這樣一個樣式:

.colortest { border:20px solid #60A179 !important;border:20px solid #00F;padding: 30px;width : 300px;} 

在Mozilla中瀏覽時候,能夠理解!important的優先級,因此顯示#60A179的顏色:

Mozilla中顯示#60A179的顏色

在IE中瀏覽時候,不能夠理解!important的優先級,因此顯示#00F的顏色:

IE中顯示#00F的顏色

可以看到,利用!important,我們可以針對IE和非IE瀏覽器設置不同的樣式,只要在非IE瀏覽器樣式的后面加上!important。因此,上面提到的我的主頁2px的顯示差別也輕松解決:

PADDING-TOP: 11px !important;
PADDING-TOP: 9px;

!important必定成為CSS布局的利器,請記住和掌握它吧:)

HTML/CSS技術用!important解決IE和Mozilla的布局差別,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 欧美性视频xxxxhd | 好湿好紧水多AAAAA片秀人网 | 99在线观看视频 | 久久精品亚洲AV无码三区观看 | thermo脱色摇床安卓下载 | 男女性杂交内射妇女BBWXZ | 亚洲精品无码不卡在线播放he | 国产人妻人伦精品A区 | 亚洲an天堂an在线观看 | 国产精品人妻一区免费看8C0M | 羽月希被黑人吃奶dasd585 | 国精产品一区一区三区有限公司 | 牛牛免费视频 | 亚洲精品久久久久AV无码林星阑 | 在线 国产 欧美 专区 | 国语对白老女人8av 国语对白刺激真实精品 | 大肥婆丰满大肥奶bbw肥 | 我的奶头被客人吸的又肿又红 | 一本色道久久88加勒比—综合 | 翘臀后进美女白嫩屁股视频 | 浪小辉军警服务员VIDEOS | 亚洲一卡二卡三卡四卡2021麻豆 | 国产AV视频一区二区蜜桃 | 欧洲精品不卡1卡2卡三卡四卡 | 日本阿v片在线播放免费 | 青柠在线观看视频在线高清 | 久久综合色悠悠 | 亚洲精品视频免费观看 | 日本后进式猛烈xx00动态图 | 色欲精品国产AV久久久 | 拔擦拔擦8X永久华人免费播放器 | 久久精品无码人妻无码AV蜜臀 | 国产亚洲欧美ai在线看片 | 娇小萝被两个黑人用半米长 | 久久视热频国产这里只有精品23 | 午夜精品久久久久久99热蜜桃 | 男人到天堂a在538线 | 城中村快餐嫖老妇对白 | 川师 最美老师 | 蜜芽丅v新网站在线观看 | 中文无码熟妇人妻AV在线 |