html 常见兼容性问题及解决方法

1.

双边距 BUG float 引起的 使用 display

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 图片