那些年 IE 下踩过的坑

Posted 莫问、前程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了那些年 IE 下踩过的坑相关的知识,希望对你有一定的参考价值。

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标签

以上是关于那些年 IE 下踩过的坑的主要内容,如果未能解决你的问题,请参考以下文章

记录那些年我踩过的坑

那些年踩过的坑

那些年我们一起踩过的坑——WebIDE 前端札记

致敬那些年对nginx踩过的坑

那些年提交AppStore审核踩过的坑

那些年踩过的WebAPI的坑