当前位置： 移动技术网 > IT编程>网页制作>CSS > 如何只在IE上加载CSS样式表

如何只在IE上加载CSS样式表

2019年03月27日  | 移动技术网IT编程  | 我要评论

前言：ie一直是特殊的一个浏览器，我们可以使用一些方法来指定样式表只在ie浏览器下被加载。

ie9以及低于ie9版本 :

可以使用条件注释语句来加载特定于ie的样式表。如下所示，使用外部表。

?
1
2
3
<!--[if ie]>
  <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

但是如果是ie10以上时，这个办法就不是很适用了。

ie10或ie11:

使用媒体查询（-ms-high-contrast）来加载样式表。由于-ms-high-contrast是微软特有的(并且只在ie 10+中可用)，所以只能在internet explorer 10或更高版本中解析。

?
1
2
3
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* ie10+ css styles go here */
}

微软 edge12 :可以使用@supports

@supports的参考文章 

?
1
2
3
@supports (-ms-accelerator:true) {
  /* ie edge 12+ css styles go here */
}

总结

如果我们想只针对ie加载样式表，只需要设置条件注释和-ms-high-contrast媒体查询即可。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网