浏览器兼容性

浏览器兼容性问题

html部分

ul标签内外边距问题ul标签在IE6、7中有个默认的外边距，但是在IE以上及其他浏览器中有个默认的内边距；

解决办法：统一设置ul的内外边距为0；

css样式的兼容性

1.IE6双边距问题：IE6在浮动后，又有横向的margin，此时，该元素的外边距是其值的2倍；

   解决办法：display:block；

2.IE6图片的下方有空隙；

   解决办法：给img设置display：block；

3.IE6两个float之间会有3个px的bug

    解决办法：给右边的元素也设置float：left；

4.IE6下没有min-width的概念其默认的width就是min-width

5.IE6下使用margin：0 auto无法使其居中；

  解决办法：为其父容器设置text-align：center；

js的兼容性

1.标准的事件绑定方法函数为addEventListener，但IE下是attachEvent；

2.事件的捕获方式不一致，标准浏览器是由外至内的，但IE是由内到外，但是最后的结果是将IE的标准定为标准；

3.window.event获取的，并且获取目标元素的方法也不同，标准浏览器是event.target，而IE下是event.srcElement