常见的兼容性问题

为什么浏览器会产生兼容性问题？

由于不同的浏览器的内核不一致，各个浏览器对网页的解析产生了差异。

常见的兼容性问题：

1、img 的alt属性（在图片src为空的条件下），浏览器显示结果不一样

chrome下显示边框和文字；IE显示文字

2、png24的图片在IE6上显示出现背景，解决方案是做成png8

3、浏览器默认的margin和padding不同，加*{margin:0;padding:0}

4、IE双边距bug：在float的养护控制中加入_display:inline

5、link样式设置顺序：l-v-h-a

6、IE6下图片的下方有空隙：给img设置：display:block;

7、IE下两个float之间会有3px的bug：给右边的元素也设置float：left

8、IE6下使用margin：0 auto；无法剧中：给父容器设置：text-align：center

9、IE6下无法设置1px 的行高：由于其默认高度，可以为其设置overflow：hidden或者line-height：1px

10、事件绑定：标准addEventLlistener，IE：attachEvent

11、事件捕获和事件冒泡