欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何解决IE11的css Hack

程序员文章站 2022-04-07 20:38:57
...
这次给大家带来如何解决IE11的css Hack,解决IE11的css 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 />
<style>
.ie10.testclass{
color:red
}
.ie11.testclass{
color:blue
}
.ieundefined.testclass{
color:green
}
<style />

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

axios怎样基于Promise的HTTP请求客户端

VUE如何使用anmate.css

好用的404组件

以上就是如何解决IE11的css Hack的详细内容,更多请关注其它相关文章!