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