CSS之常见兼容问题

1.如果图片加a标签在IE9-中会有边框，解决方案:
img{border:none;}

2.rgba不支持IE8，解决方案:
opacity

3.display:inline-block ie6/7不支持，解决方案: display:inline-block;
*display:inline;

4.png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理.

5.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。

6.浮动ie产生的双倍距离（IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。） #box{ float:left; width:10px; margin:0 0 0 100px;} 这种情况之下IE会产生20px的距离，解决方案是在float的标签样式控制中加入 display:inline;将其转化为行内属性。(这个符号只有ie6会识别)

7.css hack兼容ie6/7/8：
ie6：_
ie7：*
ie6/7：+
ie6/7/8：/9

8.图片默认间距：float解决

9.Firefox的鼠标位置pageX/Y（标准浏览器是clientX/y）

10.由img撑开div的宽高后，实际div高度会多几个像素。解决方案：img的css加上display：block。