Firefox和IE兼容性问题

《Firefox和IE兼容性问题》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、IE火狐浏览器兼容问题大全1•最简单的鼠标移过手变型的css要改了cursor:pointer;/*Firefox不支持cursor:hand*/dw8bIftliH动出来的也没有hand这个属性了，标准的是pointer2.Firefox不支持滤镜最常见的半透明不支持。filter:Alpha(Opacity=50);/*forIE*/opacity:・5;/*forFirefox*/style=H-moz-opacity:0.5;filter:alpha(opacity=50);cursor:ha

2、nd;”onmouseover=nthis.style.MozOpacity=1;this.filters.alpha.opacity=100lfonmouseout=Hthis.style.MozOpacity=0.5;this.filters.alpha.opacity=50H3.Firefox不支持expression例如去掉链接的边框要分别写不同的cssa,area{blr:expression(this.onFocus=this.blur())}/*forIE7:focus{outline:

3、none;}/*forFirefox*/4.Firefox不支持div滚动条的颜色设置，目前还没有找到替换的好方法。.contendiv{position:absolute;left:Opx;top:10px;width:580px;height:135px;line-height:120%;text-align:left;font-family:"5t＜体";word・break:break-all;color:#6D6E71;OVERFLOW-Y:auto;OVERFLOW-X:no;SCROLL

4、BAR-ARROW-COLOR:red;SCROLLBAR-TRACK-COLOR:F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;SCROLLBAR・DARKSHADOW・COLOR:#F6F6F6;SCROLLBAR・3DLIGH「COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-COLOR:#F6F6F6;}这个在Firefox里面完全没有效果了。5.ie卜面显示在文字卞面横线的border-

5、width:OpxOpx1pxOpx;在Firefox里而跑到文字上面去了。（查了手册还是没有找到解决的办法感觉莫名奇妙〜〜原来是Firefox的容错能力太差了,是下面的width:186px;height:0px;宽高引起的,其实a:haver已经继承了上级的属性了，只要定义不同的样式就可以了，看来Firefox有助于制作标准化，简洁化的网页啊,对css的理解也更深刻，对捉供css來说是个很好的帮助）.onelinksdiva:hover{display:block;border-style:sol

6、id;color:#FirefoxOOOO;border-width:OpxOpx1pxOpx;/*display:block;border-style:solid;border-width:OpxOpx1pxOpx;width:186px;height:Opx;color:#FirefoxOOOO;font-size:14px;text-align:right;7}//下面的写法在ie下面止常，但在Firefox下是错误的.onelinksdiva:hover{display:block;borde

7、r:#FirefoxOOOOsolid;border-width:OpxOpx1pxOpx;width:186px;height:Opx;color:#FirefoxOOOO;font-size:14px;text-align:right;}相关参考资料：border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width;p#fourbordersborder-width:thickmediumthin

8、12px;}如果定义四个值，那么这四个值就分别是上，右，下，左边框的宽度值（从上边框开始，以逆时针的顺序遍历）.等价丁•下血的定义p#fourborders{border-top-width:thick;border-right-width:medium;border-bottom-width:thin;border-left-width:12px;}6.Firefox不支持vbodyscro归"no">scroll属性，必须定义overflow:hid