page contents

html 常见兼容性问题?

轩辕小不懂 发布于 2021-12-13 14:21
阅读 508
收藏 0
分类:WEB前端开发
2640
Nen
Nen
- 程序员

1.双边距 BUG float 引起的,解决办法: 使用 display解决

2.像素问题 使用 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 图片
请先 登录 后评论