浏览器兼容性问题

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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容