浏览器兼容问题

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

1、浏览器兼容问题.txtl4热情是一种巨大的力屋，从心灵内部迸发而出，激励我们发挥出无穷的智慧和活力；热情是一根强人的支柱，无论面临怎样的困境，总能催生我们乐观的斗志和顽强的毅力……没有热情，生命的天空就没的色彩。火狐IE兼容问题大全2009-07-0308:55一直用ie为准做网页，今犬到火狐官方网站卜•了个没有google插件的安装了(特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！)打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索ooooooo先把儿个简单的整理分享一下。1.最简单的鼠标

2、移过手变型的css要改了cursor:pointer;/*ff不支持cursor:hand*/dw8下而自动出来的也没有hand这个属性了，标准的是pointer2.ff不支持滤镜最常见的半透明不支持。filter:Alpha(0pacity=50);/*forIE*/opacity:.5;/*forFirefox*/sty1e=，，-moz-opacity:0.5;filter:alpha(opacity二50);cursor:hand;"onmouseover=z/this.style.MozOpacity=l;this・filters・alpha・opacity二10

3、0〃onmouseout=，/this.style・MozOpacity=0.5;this,filters,alpha,opacity二50"3.ff不支持expression例如去掉链接的边框要分别写不同的cssa,area{blr:expression(this.onFocus=this.blur())}/*forIE*/:focus{outline:none;}/*forEirefox*/4.ff不支持div滚动条的颜色设置，日前还没有找到替换的好方法。.contendiv{position:absolute;left:Opx;top:lOpx;width:580px

4、;height:135px;line-height:120%;text-align:left;font-family:"宋体"；vord-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-

5、3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-H1GHLIGHT-COLOR:#F6F6F6;这个在ff里面完全没有效果了。5.ie下面显示在文字下面横线的border-width:OpxOpxlpxOpx;在ff里面跑到文字上面去了。(查了手册还是没有找到解决的办法感觉莫名奇妙〜〜原来是ff的容错能力太差了,是下面的width:186px;hcight:Opx;宽高引起的，其实a:haver已经继承了上级的属性了,只要定义不同的样式就可以了，看来ff有助于制作标准化，简洁化的网页啊，对css的理解也更深刻，对提供css來说是个很好的帮助）.onelink

6、sdiva:hover{display:b1ock;border-sty1e:solid;color:#ffOOOO;border-width:OpxOpxlpxOpx;/*display:block;border-style:solid;border-width:OpxOpxlpxOpx;width:186px;height:Opx;color:#ffOOOO;font-size:14px;text-align:right;*/}//下面的写法在ie下面正常,但在ff下是错误的・onelinksdiva:hover{display:block;border:#ffOOOO

7、solid;border-width:OpxOpxlpxOpx;width:186px;height:Opx;color:#ffOOOO;font-size:14px;text-align:right;}相关参考资料：border-width:border-top-widthborder-right-widthborder-bottom-widthborder^left-width;p#fourborders{border-width:thickmediumthin12px;}如果定义四个值,那么这四个值就分别是上