万恶的IE需要兼容的地方

CSS:####

1.透明度opacity
IE8以及更早版本需要使用filter:Alpha(opacity=50)
2.Transforms
兼容代码生产网址
3.Zoom
zom在IE浏览都是左上角对齐,一定要注意这点,可以使用Transforms兼容写法来搞定缩放

JS:
**1.addEventListener() **
IE8以及更早版本需要使用attchEvent();
兼容两种写法

var x = document.getElementById("myBtn");
if (x.addEventListener) {      
      //所有主流浏览器,除了 IE 8 及更早 IE版本   
       x.addEventListener("click", myFunction);
} 
else if (x.attachEvent) {
         // IE 8 及更早 IE 版本    
        x.attachEvent("onclick", myFunction);
}

2.preventDefault
Jquery的event.preventDefault()的写法在IE9会报错,针对这个问题,可以这么写:

if ( e && e.preventDefault ){   
    e.preventDefault();
} else {
    window.event.returnValue = false;
}

3. window.onload
IE8里必须是window.onload = test;
如果是window.onload = test(); 会报错


JS库####

velocity.js
需要使用1.2版本,不然IE8会报错

swiper.js
IE8需要使用swiper2, swiper3不兼容

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

推荐阅读更多精彩内容

  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,551评论 1 19
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,491评论 1 5
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,574评论 0 106
  • “这街上太拥挤,太多人有秘密”很有感触的一句歌词,有些人,有些故事,我们总是念念不忘,不管它藏在角落亦或是放在心里...
    Lmy07阅读 373评论 0 6
  • 01 那棵紫薇正在盛开,她能活下来,也是不容易。如果纯粹是自然之物,没有人去干预,这树紫薇能长成这样,很正常。可是...
    茶宴阅读 297评论 0 0