浏览器兼容性汇总

《浏览器兼容性汇总》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、15/15目录ØJavaScript31.HTML对象获取问题32.const问题33.event.x与event.y问题34.window.location.href问题35.frame问题36.模态和非模态窗口问题37.firefox与IE的父元素(parentElement)的区别38.document.formName.item(”itemName”)问题39.集合类对象问题310.自定义属性问题311.input.type属性问题312.event.srcElement问题313.body载入问题314

2、.事件委托方法315.Table操作问题316.对象宽高赋值问题3ØCSS31.cursor:hand  VS  cursor:pointer32.innerText在IE中能正常工作，但在FireFox中却不行.33.CSS透明34.css中的width和padding315/155.FF和IEBOX模型解释不一致导致相差2px36.IE5和IE6的BOX解释不一致37.ul和ol列表缩进问题38.元素水平居中问题39.Div的垂直居中问题310.margin加倍的问题311.IE与宽度和高度的问题312.页面

3、的最小宽度313.DIV浮动IE文本产生3象素的bug314.IE捉迷藏的问题315.float的div闭合;清除浮动;自适应高度316.高度不适应317.IE6下图片下有空隙产生318.对齐文本与文本输入框319.LI中内容超过长度后以省略号显示320.为什么web标准中IE无法设置滚动条颜色了321.为什么无法定义1px左右高度的容器322.链接(a标签)的边框与背景323.超链接访问过后hover样式就不出现的问题324.FORM标签325.属性选择器(这个不能算是兼容,是隐藏css的一个bug)326.为

4、什么FF下文本无法撑开容器的高度315/15ØJavaScript1.HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2.const问题说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方法：统一使用

5、var关键字来定义常量.3.event.x与event.y问题说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.解决方法：使用mX(mX  =  event.x  ?  event.x  :  event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.4.window.location.href问题说明:IE或者Firefox2.0.x下,可以使用window.l

6、ocation或window.location.href;Firefox1.5.x下,只能使用window.location.解决方法：使用window.location来代替window.location.href.5.frame问题以下面的frame为例：15/15(1)访问frame对象:IE:使用window.frameId或者window.frameName来访问这个frame对象.  f

7、rameId和frameName可以同名。Firefox:只能使用window.frameName来访问这个frame对象.另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.(2)切换frame内容:在IE和Firefox中都可以使用window.document.getElementById("testFrame").src  =  "xxx.html"或window.frameName.location  =  

8、"xxx.html"来切换frame的内容.如果需要将frame中的参数传回父窗口(注意不是opener,而是parent  frame)，可以在frame中使用parent来访问父窗口。例如：parent.document.form1.filename.value="Aqing";1.模态和非模态窗口问题说明:IE下,可以通过showModalDialog和showMo