常见的浏览器的兼容性问题

常见的浏览器的兼容性问题

IE8常见的兼容性问题：
1.图片边框问题;a标签里面套上img标签，会有图片边框。
解决办法：border:none/0;
2.背景属性的符合写法问题：background：url()no-repeat center;
解决办法：background：url() no-repeat center;(注意加上空格就行)
IE7常见的兼容性问题解决：
1.块级元素转成行内块元素不在一行显示的问题：
解决办法：display:inline-block; *display:inline; *zoom:1;
2.li元素出现两个或者两个以上浮动时，li元素之间会产生空白间隙问题。
解决办法：float:left; vertical-align:bottom/top/middle;
3.子标签相对定位时父标签overflow：auto/hidden;失效问题。
解决办法：父标签设置相对定位。（position：relative；）
IE6常见的兼容性问题：
1.小高度问题。
解决办法：line-height:0; font-size:0; height:1px; overflow:hidden;
2.浮动时产生双倍边距的问题。
解决办法：float：left; _display:inline;