浏览器兼容性问题

HTML

1：HTML5新标签在IE9下的浏览器不识别。

2：ul标签内外边距，IE6,IE7有默认外边距，IE8及其他有默认内边距。设置统一的内边距为0。

---

CSS样式兼容

1：css hack：IE6 ＿，IE7 *，IE8及其他正常。

2：IE6双边距问题：IE6浮动后，又有横向的margin，该元素的外边距是其值的2倍。

3：IE6下图片的下方有空隙：给img元素设置display:block。

4：IE6下两个float之间的3px的bug：给右侧的元素也设置float:left。

5：IE6下没有min-width的概念，其默认的width是min-width。

6：IE6使用margin:0 auto无法居中：为其父元素设置text-align:center。

7：被点击过的超链接不在具有hover,active属性：lvha  link未被访问过 visited已被访问过 hover鼠标悬停在上面 active按着时的状态。

8：IE6无法设置1px原因默认行高所致：overflow:hidden;/line-height:1px;/zoom:0.8;。

---

js

1：事件绑定：addEventListener,IE下attachEvent。

2：事件捕获方式：标准由外至内，IE由内至外。

3：window.event获取目标的方式不同：标准event.target，其他event.srcElement。

4：低版本IE中日期处理函数的值不是与1900的差值，高版本IE与标准一致是1900的差值，var year =new Date().getYear()。

5：ajax实现方式不同：XMLHttpRequest,IE下是activeXObject。

6：获取dom节点的父节点，子节点方式不同：其他是parentNode,childNodes,IE是parentElement,children。