前端兼容问题大全
本文旨在总结和解决前端开发中常见的兼容问题，涵盖了HTML、CSS、JavaScript等方面的知识点。
一、HTML对象获取问题
在获取HTML对象时，FireFox使用document.getElementById("idName")，而IE使用document.idname或document.getElementById("idName")。解决方法是统一使用document.getElementById("idName")。
二、const问题
在FireFox下，可以使用const关键字或var关键字来定义常量，而IE下只能使用var关键字来定义常量。解决方法是统一使用var关键字来定义常量。
三、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。
四、window.location.href问题
在IE或FireFox 2.0.x下，可以使用window.location或window.location.href；在FireFox 1.5.x下，只能使用window.location。解决方法是使用window.location来代替window.location.href。
五、frame问题
在访问frame对象时，IE使用window.frameId或window.frameName，FireFox只能使用window.frameName。解决方法是使用window.frameName来访问frame对象。
六、模态和非模态窗口问题
在IE和FireFox中，模态和非模态窗口的处理方式不同。解决方法是使用统一的方法来处理模态和非模态窗口。
七、firefox与IE的父元素(parentElement)的区别
在IE和FireFox中，父元素的处理方式不同。解决方法是使用统一的方法来处理父元素。
八、document.formName.item("itemName")问题
在IE和FireFox中，document.formName.item("itemName")的处理方式不同。解决方法是使用统一的方法来处理form对象。
九、集合类对象问题
在IE和FireFox中，集合类对象的处理方式不同。解决方法是使用统一的方法来处理集合类对象。
十、自定义属性问题
在IE和FireFox中，自定义属性的处理方式不同。解决方法是使用统一的方法来处理自定义属性。
十一、input.type属性问题
在IE和FireFox中，input.type属性的处理方式不同。解决方法是使用统一的方法来处理input.type属性。
十二、event.srcElement问题
在IE和FireFox中，event.srcElement的处理方式不同。解决方法是使用统一的方法来处理event.srcElement。
十三、body载入问题
在IE和FireFox中，body载入的处理方式不同。解决方法是使用统一的方法来处理body载入。
十四、事件委托方法
在IE和FireFox中，事件委托方法的处理方式不同。解决方法是使用统一的方法来处理事件委托。
十五、Table操作问题
在IE和FireFox中，Table操作的处理方式不同。解决方法是使用统一的方法来处理Table操作。
十六、对象宽高赋值问题
在IE和FireFox中，对象宽高赋值的处理方式不同。解决方法是使用统一的方法来处理对象宽高赋值。
十七、CSS问题
在IE和FireFox中，CSS的处理方式不同。解决方法是使用统一的方法来处理CSS。
十八、cursor:hand VS cursor:pointer
在IE和FireFox中，cursor:hand和cursor:pointer的处理方式不同。解决方法是使用统一的方法来处理cursor属性。
十九、innerText在IE中能正常工作，但在FireFox中却不行
在IE和FireFox中，innerText的处理方式不同。解决方法是使用统一的方法来处理innerText。
二十、CSS透明
在IE和FireFox中，CSS透明的处理方式不同。解决方法是使用统一的方法来处理CSS透明。
二十一、css中的width和padding
在IE和FireFox中，css中的width和padding的处理方式不同。解决方法是使用统一的方法来处理css中的width和padding。
二十二、FF和IEBOX模型解释不一致导致相差2px
在IE和FireFox中，BOX模型的处理方式不同。解决方法是使用统一的方法来处理BOX模型。
二十三、IE5和IE6的BOX模型解释不一致
在IE5和IE6中，BOX模型的处理方式不同。解决方法是使用统一的方法来处理BOX模型。
二十四、ul和ol列表缩进问题
在IE和FireFox中，ul和ol列表缩进的处理方式不同。解决方法是使用统一的方法来处理ul和ol列表缩进。
二十五、元素水平居中问题
在IE和FireFox中，元素水平居中的处理方式不同。解决方法是使用统一的方法来处理元素水平居中。
二十六、Div的垂直居中问题
在IE和FireFox中，Div的垂直居中的处理方式不同。解决方法是使用统一的方法来处理Div的垂直居中。
二十七、margin加倍的问题
在IE和FireFox中，margin加倍的处理方式不同。解决方法是使用统一的方法来处理margin加倍。
二十八、IE与宽度和高度的问题
在IE和FireFox中，宽度和高度的处理方式不同。解决方法是使用统一的方法来处理宽度和高度。
二十九、页面的最小宽度
在IE和FireFox中，页面的最小宽度的处理方式不同。解决方法是使用统一的方法来处理页面的最小宽度。
三十、DIV浮动IE文本产生3象素的bug
在IE中，DIV浮动IE文本产生3象素的bug。解决方法是使用统一的方法来处理DIV浮动IE文本。
三十一、IE捉迷藏的问题
在IE中，捉迷藏的问题。解决方法是使用统一的方法来处理捉迷藏。
三十二、float的div闭合；清除浮动；自适应高度
在IE和FireFox中，float的div闭合、清除浮动和自适应高度的处理方式不同。解决方法是使用统一的方法来处理float的div闭合、清除浮动和自适应高度。
三十三、高度不适应
在IE和FireFox中，高度不适应的处理方式不同。解决方法是使用统一的方法来处理高度不适应。
三十四、IE6下图片下有空隙产生
在IE6中，图片下有空隙产生的处理方式不同。解决方法是使用统一的方法来处理图片下有空隙产生。
三十五、对齐文本与文本输入框
在IE和FireFox中，对齐文本与文本输入框的处理方式不同。解决方法是使用统一的方法来处理对齐文本与文本输入框。
三十六、LI中的内容超过长度后以省略号显示
在IE和FireFox中，LI中的内容超过长度后以省略号显示的处理方式不同。解决方法是使用统一的方法来处理LI中的内容超过长度后以省略号显示。
三十七、为什么web标准中IE无法设置滚动条颜色
在IE中，web标准中无法设置滚动条颜色的处理方式不同。解决方法是使用统一的方法来处理web标准中IE无法设置滚动条颜色。
三十八、为什么无法定义1px左右高度的容器
在IE中，无法定义1px左右高度的容器的处理方式不同。解决方法是使用统一的方法来处理无法定义1px左右高度的容器。
三十九、链接(a标签)的边框与背景
在IE和FireFox中，链接(a标签)的边框与背景的处理方式不同。解决方法是使用统一的方法来处理链接(a标签)的边框与背景。
四十、超链接访问过后hover样式就不出现的问题
在IE和FireFox中，超链接访问过后hover样式就不出现的处理方式不同。解决方法是使用统一的方法来处理超链接访问过后hover样式就不出现。
四十一、FORM标签
在IE和FireFox中，FORM标签的处理方式不同。解决方法是使用统一的方法来处理FORM标签。
四十二、属性选择器（这个不能算是兼容，是隐藏css的一个bug）
在IE和FireFox中，属性选择器的处理方式不同。解决方法是使用统一的方法来处理属性选择器。
四十三、为什么FF下文本无法撑开容器的高度
在FF中，文本无法撑开容器的高度的处理方式不同。解决方法是使用统一的方法来处理文本无法撑开容器的高度。
四十四、关于空格的解释
在IE和FireFox中，关于空格的解释的处理方式不同。解决方法是使用统一的方法来处理关于空格的解释。
四十五、条件注释
在IE和FireFox中，条件注释的处理方式不同。解决方法是使用统一的方法来处理条件注释。
四十六、强制渲染
在IE和FireFox中，强制渲染的处理方式不同。解决方法是使用统一的方法来处理强制渲染。
四十七、js兼容文件
在IE和FireFox中，js兼容文件的处理方式不同。解决方法是使用统一的方法来处理js兼容文件。
四十八、浏览器识别符
在IE和FireFox中，浏览器识别符的处理方式不同。解决方法是使用统一的方法来处理浏览器识别符。
