0
点赞
收藏
分享

微信扫一扫

针对每个ie版本的hack css兼容

上善若水山西太原 2023-01-30 阅读 67


这几天做了一个专门剔除ie的系统,好兴奋,也就是说,全部的ie打开我的页面都提示换浏览器的提示,正好总结了一下ie的hack

<script> 
// 针对IE10
if (/*@cc_on!@*/false) {
document.documentElement.className += ' ie' + document.documentMode;
}
// 针对IE11及非IE浏览器,
// 因为IE11下document.documentMode为11,所以html标签上会加ie11样式类;
// 而非IE浏览器的document.documentMode为undefined,所以html标签上会加ieundefined样式类。
if (/*@cc_on!@*/true) {
document.documentElement.className += ' ie' + document.documentMode;
}
</script>

这两个是针对ie10和ie11的

使用方法是在css的前面加上.ie10 或者 .ie11

<!--[if IE]>
这个只有ie能看到,但是ie10和ie11都不管用
<![endif]-->


1、<!--[if !ie]><!-->除ie外都可识别<!--<![endif]-->(IE11也可以识别)

2、<!--[if ie]>所有的ie可识别<![endif]-->

3、<!--[if ie6]>仅ie6可识别<![endif]-->

4、<!--[if gte ie6]>ie6以及ie6以上版本可识别<![endif]-->

5、<!--[if ie7]>仅ie7可识别<![endif]-->

6、<!--[if gte ie7]>ie7以及ie7以上版本可识别<![endif]-->

7、<!--[if it ie7]>ie7以及ie7以下版本可识别<![endif]-->

这是以前的笔记里面写的,现在还不知道能兼容到多少,但是,基本上都没什么用的,或许等你看到这篇文章的时候,都不知道ie是什么了。




举报

相关推荐

0 条评论