万恶的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不兼容