浏览器兼容性问题

​Web前端面试题第三道—浏览器的兼容性
常见的兼容性问题：
1.不同浏览器的标签默认的外补丁（margin）和内补丁（padding）不同
解决方案：css里增加通配符*{margin：0；padding：0}
2.IE6双边距问题；在IE6中设置了float，同时又设置margin，就会出现边距问题
解决方案：设置display：inline；
3.当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度
解决方案：超出高度的标签设置overflow：hidden，或者设置line-height的值小于你的设置高度
4.图片默认有间距
解决方案：使用float为img布局
5.IE9以下浏览器不能使用opacity
解决方案：opacity：0.5；filter：alfha（opacity=50）；filter：progid：DXlmageTransform.Microsoft.Alfha(style=0,opacity=50);
6.边距重叠问题；当相邻两个元素都设置了margin边距时，margin将取最大值，舍弃最小值；
7.cursor：hand显示手型在safari上不支持
解决方案：统一使用cursor：pointer
8.两个块级元素，父元素设置了overflow：auto；子元素设置了position：relative；且高度大于父元素，在IE6、IE