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在个浏览器中显示一致