经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？

Posted 2020-06-09

1.ie6双倍边距的问题: 在使用了float的情况下，不管是向左还是向右都会出现双倍。解决方案：使用display:inline
2.ie6吞吃现象：上下两个div，上面的div设置背景，却发现下面没有设置背景的div 也有了背景。解决方案：使用zoom:1。
3.注释也能产生bug。解决方案：用“<!–[if !IE]> picRotate start <![endif]–>”方法写注释。
4.img下的留白。解决方案：给img设定 display:block。
5.ie6下的bug，绝对定位的div下包含相对定位的div，如果给内层相对定位的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。解决方案: 给内层相对层float属性。
6.Position:fixed,在IE6中无效.
解决方案: 加_position:absolute;
_top:expression(eval(document.documentElement.scrollTop))
7.修正IE6振动: Background-attachment:fixed;
8.CSS HACK : ie6可识别_,*； ie7可识别*，!important； ff可识别!important。
9.浏览器内核样式处理
-moz代表firefox浏览器私有属性
-ms代码IE浏览器
-webkit代表chrome,safari私有属性
-o代表opera内核