web前端開發中瀏覽器兼容問題（五）

21.float的div閉合，清除浮動

例如： <#div id=」floatA」 >

<#div id=」floatB」 >

<#div id=」 NOTfloatC」 >

這裏的NOTfloatC並不但願繼續平移，而是但願往下排。(其中floatA、floatB的屬性已經設置爲 float:left;)   這段代碼在IE中毫無問題，問題出在FF。緣由是NOTfloatC並不是float標籤，必須將float標籤閉合。在 <#div class=」floatB」> <#div class=」NOTfloatC」>之間加上 < #div class=」clear」>這個div必定要注意位置，並且必須與兩個具備float屬性的div同級，之間不能存在嵌套關係，不然會產生異常。 而且將clear這種樣式定義爲以下便可： .clear{ clear:both;}

22.最狠的手段 - !important

• 若是實在沒有辦法解決一些細節問題,能夠用這個方法.FF對於」!important」會自動優先解析,然而IE6則會忽略.

例  

 .tabd1{    

       background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important;

       background:url(/res/images/up/tab1.gif) no-repeat 1px 0px;

}   

• 值得注意的是，必定要將xxxx !important 這句放置在另外一句之上，上面已經提過。

23.爲何FF下文本沒法撐開容器高度

• 標準瀏覽器中固定高度值的容器是不會象IE6裏那樣被撐開的,那我又想固定高度,又想能被撐開須要怎樣設置呢？

• 辦法就是去掉height設置min-height:200px;   這裏爲了照顧不認識min-height的IE6 能夠這樣定義:

 

 24.IE滾動條顏色

解決辦法:將body改成html

html {      

scrollbar-face-color:#f6f6f6;      

scrollbar-highlight-color:#fff;      

scrollbar-shadow-color:#eeeeee;      

scrollbar-3dlight-color:#eeeeee;      

scrollbar-arrow-color:#000;      

scrollbar-track-color:#fff;      

scrollbar-darkshadow-color:#fff;      

}

25.border中的dotted與dashed

dotted:    點狀輪廓

dashed：虛線輪廓

border屬性中dotted與dashed的區別：

dotted在IE6下不兼容，顯示爲dashed效果；

而dashed在個瀏覽器中顯示一致