html常见兼容性问题？

    1.双边距BUG float引起的 使用display
    2.像素问题 使用float引起的 使用dislpay:inline -3px
    3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
    4.IE z-index问题 给父级添加position:relative
    5.Min-height 最小高度 ！Important 解决’
    6.select 在ie6下遮盖 使用iframe嵌套
    7.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
    8.IE5-8不支持opacity，解决办法：
      .opacity {
          opacity: 0.4
          filter: alpha(opacity=60); /* for IE5-7 /
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /
      for IE8/
    }
    9.IE6不支持PNG透明背景，解决办法: IE6下使用gif图片
    10.浏览器默认的margin和padding不同。解决方案是加一个全局的{margin:0;padding:0;}来统一。
    11.IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性. 解决方法:统一通过getAttribute()获取自定义属性.
    12.IE下,even对象有x,y属性,但是没有pageX,pageY属性; Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.（条件注释）缺点是在IE浏览器下可能会增加额外的HTTP请求数。