常见的兼容性问题及解决方案

Posted 2020-10-12 不乱来的嫖客

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;