前端web设计时火狐和IE不兼容时该如何处理?
发布时间:2013-12-31 当前栏目:网站建设知识
点击:次 文章作者:大海
一般情况正常正确的处理样式不论在任何浏览器一般都是没有问题,不存在兼容性的问题.但是有个别的一些代码属性IE和火狐狸识别是有区别的的!以下就是部分中的兼容问题
1.frame对象:IE:使用window.frameId或者window.frameName来访问这个frame对象. Firefox:只能使用window.frameName来访问这个frame对象。另外,在IE和Firefox中都可以使用
window.document.getElementById("frameId")来访问这个frame对象。
2.innerText在IE中能正常工作,但是innerText在FireFox中却不行。
3.ul、ol等列表的缩进时,样式应写成:list-style:none;margin:0px;padding:0px;其中margin属性对IE有效,padding属性对FireFox有效。
4.CSS双线凹凸边框。IE:border:2px outset;FF: -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080。
5.CSS透明,IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。FF:opacity:0.6。
6.CSS圆角,IE:不支持圆角。FF: -moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
7.padding问题。padding 5px 4px 3px 1px FireFox无法解释简写,必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px。
8.IE,firefox以及其它浏览器对于 table 标签的操作都各不相同,在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChile方法也不管用。
上一篇:色彩在网站建设中如何应用
下一篇:北京网站建设给你谈谈关于建站需注意的几点