浏览器兼容性总结

1.IE6下最小高度问题

描述:在IE6下,元素高度小于19px时,会被当做19px处理

解决:overflow:hidden;

2.border:1px black dotted;IE6下不支持

解决:用背景平铺来实现

3.IE6下解决margin传递

解决:父级触发haslayout

4.IE6双边距bug

描述:块元素有浮动和横向margin

解决:display:inline;

5.IE6下li下有间隙

描述:li无浮动,内容有浮动,li下边有间隙

解决:li加浮动,注意别忘了清浮动;li加vertical-aligin

6.IE中a标签绝对定位时才生的bug

描述:

对a链接的display设置为block,以便整个标签可以点击。

但是,如果对该标签设置为position:absolute后,会发现在ie6、ie7下有时点击无效,ie8下有效(ie8标准),使用zoom:1方式也无法解决问题。

解决:

1、使用position:relative而不是position:absolute;

2、添加背景色;

3、添加透明的背景图片,gif或png,但会增加无意义的http请求;

4、使用background:url(about:blank),最佳方案(推荐);

5、在A外面套一个DIV,给DIV定义width、height、position:absolute。

原文地址:https://www.cnblogs.com/shytong/p/5053225.html