常见兼容性问题及解决办法？(举例4个)

2021-02-01 09:21发布

3条回答

2021-02-02 11:16

1、双边距BUG ：块级元素float后再设置margin时，IE6显示的margin比设置的大使用_display: inline 解决

2、3像素问题:一个元素左浮动，其他元素不浮动。中间有3PX 给其他的元素设置浮动

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

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

5、png透明使用JS代码改

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

7、IE5-8不支持opacity .box{ opacity: 0.4; filter: alpha(opacity=60);}

8、IE6不支持PNG透明背景 IE6下使用GIF格式

9、cursor: hand IE7跟8不识别 cursor: pointer;