那些年 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标签