万恶的IE需要兼容的地方

2017-02-27  本文已影响0人  一無月一

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不兼容

上一篇下一篇

猜你喜欢

热点阅读