BrowserCompatibilityHTML5CompatibleHTML5中有很多新标签，在不支持HTML5的浏览器中无法正常显示。解决方案：使用html5静态资源；添加脚本代码，document.createElement创建一个新标签，并显示：block；设置为blocktypecsscompatible1、ie6浏览器背景出现png24位图片，解决办法是做成png82，浏览器默认的margin和padding不一样，解决办法是*{margin:0;padding:0;}3、IE6双边距bug：在block属性标签float之后，有一个水平的margin，在ie6中显示，margin是设置的浮动ie产生的距离的两倍#box{float:left;宽度：10px；边距：00010px；}这种情况下ie会生成20px的距离解决方法是在float的标签样式中添加_display:inline;(_这个符号只能ie6识别)4.IE兼容渐进识别的方法首先，"\9"将IE9浏览器与所有情况分开。然后，“+”连接IE8、IE7、IE6Separate.box{background-color:#f1ee18;//都可以识别background-color:#00deff\9;//IE6,7,8+背景色:#a200ff;//IE6,7_background-color:#1e0bd1;//IE6}5.IE条件注释6可见。IE6不能定义高度为1px左右的容器，是的因为默认行高，解决方法有很多，例如：overflow:hiddenzoom:0.08line-height:1px7.使用margin:0auto;容器居中的方法在IE6下还是不行，我们只好换父容器使用text-align:center;8.超链接访问顺序为L-V-H-Aa:lind,a:visited,a:hover.a:active9。Chrome中文界面下，小于12px的文字会默认强制跟随12px。显示方案：-webkit-text-size-adjust:none;10、使用绝对定位/相对定位时，在ie中设置z-index可能会失效，因为其元素依赖于其父元素的z-index，父元素默认为0，所以子元素的z-index为high，父元素为low，显示顺序不变；javascript兼容性1.标准事件绑定中绑定事件的方法函数是addEventListener，而IE使用attachEvent2，标准浏览器使用事件捕获来对应IE的事件冒泡机制（即标准从最外层元素到最内层元素或IE从最内层元素到最外层元素）。最后，标准方也觉得IE有这方面比较合理，所以将事件冒泡纳入标准，这也是addEventListener第三个参数的由来，事件冒泡作为默认值3。事件处理，标准浏览器将event属性作为参数带入，即通过window.event获取。4.获取目标元素即e.srcElement。标准浏览器是e.target5。IE下可以使用获取常规属性的方法获取自定义属性，也可以使用getAttribute()获取自定义属性；Firfox只能使用getAttribute()获取自定义属性；解决方法：统一使用getAttribute()Attributes。解决方法：条件注释
