1、让ie8兼容 C3 和 H5(包括canvas也是H5标签)
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
2、在以上的兼容处理后ie8还是不支持 nth-of-type。 所以只能选择第一个元素的时候用first-child**,选择其他元素的时候使用:first-child + DomName 的方式**
3、ie8不兼容addEventListener事件
if(window.addEventListener){
window.addEventListener('scroll',headerFixTop,false)
}else if(window.attachEvent){
window.attachEvent('onscroll',headerFixTop)
}
4、ie8、9不支持jq的add()和remove();
/*添加class名的两种写法,第二种兼容ie8/9*/
handler.classList.add('handler_ok_bg');
$(handler).addClass('handler_ok_bg');
5、background的写法兼容性
/* 这种写法最低只能支持到ie9 */
.box{
background: url(imgUrl/image.png) no-repeat center center/100% 100%;
}
/* 如果要支持ie8的话,只能把background-size抽出来单独写;*/
.box{
background: url(imgUrl/image.png) no-repeat center center;
background-size: 100% 100%;
}
6、hover的写法兼容性
/* ie8只支持a标签的hover,其他标签的hover失效,如果用到:hover,使用a标签兼容性最好 */