那些年 IE 下踩过的坑

根据当前的市场情况,vue、react的盛行,小程序等等存在,不在兼容 ie8 已经是一个必然的趋势。ie8下的坑了解一下即可,不要在上面多花精力。再见IE8!

1、:before,:after(伪类)

所有主流浏览器都支持 :before 选择器。

注释:对于 IE8 及更早版本中的 :before,必须声明 <!DOCTYPE>

2、border-radius

ie8及以下不支持圆角属性。要使用圆角,只能切图;或者与产品商量将 不用兼容e8下的圆角样式

3、children

IE 6 - 8 支持该属性,会错误地包含注释Commit 节点,导致获取 children 出错 

4、IE 版本检测

document.body.addEventListener  IE8及以下不支持

window.ActiveXObject || "window.ActiveXObject" in window  IE10及以下,window.ActiveXObject 返回一个对象;IE11中,window.ActiveXObject返回undefine

5、background-size

background-size 属于CSS3 属性,ie8及以下不支持;

  解决方案:1、使用filter。filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='绝对路径', sizingMethod='scale'); 

       2、通过htc文件

       3、js控制,简单点使用 jquery设置

       4、再简单粗暴点,直接使用image标签

posted @ 2018-02-08 18:03  莫问、前程  阅读(182)  评论(0编辑  收藏  举报