div+css学习笔记(ie与fox好多不兼容的问题)

《div+css学习笔记(ie与fox好多不兼容的问题)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、div+css学习笔记(IE与fox好多不兼容的问题)一直用ie为准做网页，今天到火狐官方网站下了个没有google插件的安装了（特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！）打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索。。。。。。。先把几个简单的整理分享一下。1.最简单的鼠标移过手变型的css要改了cursor:pointer;/*ff不支持cursor:hand*/dw8下面自动出来的也没有hand这个属性了，标准的是pointer2.ff不支持滤镜最常见的半透明不支持。filter:Alpha

2、(Opacity=50);/*forIE*/opacity:.5;/*forFirefox*/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.ff不支持expression例如去掉链接的边框要分别写不同的cssa,area{blr:expres

3、sion(this.onFocus=this.blur())}/*forIE*/:focus{outline:none;}/*forFirefox*/4.ff不支持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;SCR

4、OLLBAR-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;}这个在ff里面完全没有效果了。5.ie下面显示在文字下面横线的border-width:0px0px1px0px;在ff里面跑到文字上面去了。（查了手册还是没有找到解决

5、的办法感觉莫名奇妙～～原来是ff的容错能力太差了，是下面的width:186px;height:0px;宽高引起的，其实a:haver已经继承了上级的属性了，只要定义不同的样式就可以了，看来ff有助于制作标准化，简洁化的网页啊，对css的理解也更深刻，对提供css来说是个很好的帮助）.onelinksdiva:hover{display:block;border-style:solid;color:#ff0000;border-width:0px0px1px0px;/*display:block;border-style:solid;border-width:0px0px1px0px;wi

6、dth:186px;height:0px;color:#ff0000;font-size:14px;text-align:right;*/}//下面的写法在ie下面正常，但在ff下是错误的.onelinksdiva:hover{display:block;border:#ff0000solid;border-width:0px0px1px0px;width:186px;height:0px;color:#ff0000;font-size:14px;text-align:right;}相关参考资料：border-width:border-top-widthborder-right-width

7、border-bottom-widthborder-left-width;p#fourborders{border-width:thickmediumthin12px;}如果定义四个值,那么这四个值就分别是上,右,下,左边框的宽度值(从上边框开始,以逆时针的顺序遍历).等价于下面的定义p#fourborders{border-top-width:thick;border-right-width:medium;border