Firefox和IE兼容性问题.docVIP

IE火狐浏览器兼容问题大全 1.最简单的鼠标移过手变型的css要改了 cursor:pointer;/*不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了，标准的是pointer 2.不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */opacity: .5;/* for Firefox */ style=-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand; onmouseover=this.style.MozOpacity=1;this.filters.alpha.opacity=100 onmouseout=this.style.MozOpacity=0.5;this.filters.alpha.opacity=50 3.Firefox不支持expression 例如去掉链接的边框要分别写不同的css a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */:focus { outline: none; } /* for Firefox */ 4.不支持div滚动条的颜色设置，目前还没有找到替换的好方法。 .contendiv {position: absolute; left: 0px; top: 10px; width: 580px;height: 135px;line-height:120%;text-align:left; font-family:宋体;word-break : break-all; color:#6D6E71;OVERFLOW-Y:auto;OVERFLOW-X:no;SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-COLOR:#F6F6F6;} 这个在里面完全没有效果了。 5.ie下面显示在文字下面横线的border-width: 0px 0px 1px 0px;在里面跑到文字上面去了。（查了手册还是没有找到解决的办法感觉莫名奇妙～～ 原来是的容错能力太差了，是下面的width: 186px;height: 0px;宽高 引起的，其实a:haver已经继承了上级的属性了，只要定义不同的样式就可以了，看来有助于制作标准化，简洁化的网页啊，对css的理解也更深刻，对提供css来说是个很好的帮助） .onelinksdiv a:hover {display: block;border-style: solid;color: #0000;border-width: 0px 0px 1px 0px;/*display: block;border-style: solid; border-width: 0px 0px 1px 0px;width: 186px;height: 0px; color: #Firefox0000; font-size: 14px;text-align: right;*/} //下面的写法在ie下面正常，但在下是错误的 .onelinksdiv a:hover {display: block;border: #0000 solid; border-width: 0px 0px 1px 0px;width: 186px;height: 0px; color: #Firefox0000; font-size: 14px;text-align: right;} 相关参考资料： border-width:border-top-width border-right-width border-bottom-width border-left-width; p#fourborders{border-width:thick medium thin 12px;} 如果定义四个值,那么这四个值就分别是上,右,下,左边框的宽度值(从上边框开始,以逆时针的顺序遍历). 等价于下面的定义 p#fourborders{border-top-width:thick;border-right-width:medium;border-bottom-width:thin;b