一些浏览器的兼容性问题

1、IE 的双边距 BUG：块级元素 float 后设置横向 margin，ie6 显示的 margin 比设置的较大。解决：加入_display：inline

2、3 像素问题 使用 float 引起的 使用 dislpay:inline -3px

3、超链接 hover 点击后失效 使用正确的书写顺序 link visited hover active

4、Ie z-index 问题 给父级添加 position:relative

5、Png 透明 使用 js 代码 改

6、Min-height 最小高度 ！Important 解决’

7、select 在 ie6 下遮盖 使用 iframe 嵌套

8、为 什 么 没 有 办 法 定 义 1px 左 右 的 宽 度 容 器 （ IE6 默 认 的 行 高 造 成 的 ， 使 用
over:hidden,zoom:0.08 line-height:1px）

9、IE5-8 不支持 opacity，解决办法：
.opacity {
opacity: 0.4
filter: alpha(opacity=60); /* for IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE
8*/
}

10、 IE6 不支持 PNG 透明背景，解决办法: IE6 下使用 gif 图片

 

11、 png24 为的图片在 iE6 浏览器上出现背景，解决方案是做成 PNG8

 

12、渐进识别的方式，从总体中逐渐排除局部。
首先，巧妙的使用“\9”这一标记，将 IE 游览器从所有情况中分离出来。
接着，再次使用“+”将 IE8 和 IE7、IE6 分离开来，这样 IE8 已经独立识别。
css
.bb{
    background-color:#f1ee18;/*所有识别*/
    .background-color:#00deff\9; /*IE6、7、8 识别*/
    +background-color:#a200ff;/*IE6、7 识别*/
    _background-color:#1e0bd1;/*IE6 识别*/
}

 

13、IE 下,可以使用获取常规属性的方法来获取自定义属性,
也可以使用 getAttribute()获取自定义属性;
Firefox 下,只能使用 getAttribute()获取自定义属性.
解决方法:统一通过 getAttribute()获取自定义属性.

 

14、 Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入CSS 属性 -webkit-text-size-adjust: none; 解决