资讯专栏INFORMATION COLUMN

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

Jioby / 1977人阅读

摘要:如下所示,使用外部样式表。但是如果是以上时,这个办法就不是很适用了。由于是微软特有的并且只在中可用导航菜单,所以只能在或更高版本中解析。微软可以使用的参考文章总结如果我们想只针对加载样式表,只需要设置条件注释和媒体查询即可。

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

IE9以及低于IE9版本 :

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

?
1 2 3

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

IE10或IE11:

使用媒体查询(-ms-high-contrast)来加载样式表。由于-ms-high-contrast是微软特有的(并且只在IE 10+中可用)css3导航菜单,所以只能在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媒体查询即可。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1060.html

相关文章

  • 如何只在IE加载CSS样式

    摘要:如下所示,使用外部样式表。但是如果是以上时,这个办法就不是很适用了。由于是微软特有的并且只在中可用,所以只能在或更高版本中解析。微软可以使用的参考文章总结如果我们想只针对加载样式表,只需要设置条件注释和媒体查询即可。 前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 :可以使用条件注释语句来加载特定于ie的样式表。如下...

    AnthonyHan 评论0 收藏0
  • 立即收藏!2019前端工程师如何应对裁员潮?

    摘要:小肆也是被这些消息吓得瑟瑟发抖,不过生活就是这样,谁也无法预料到第二天会发生什么,只有把握好现在,积极为未知的明天做好准备才是正道。这里小肆给大家几点建议对于目前在职的同学,保持学习,提升自己核心竞争力,让自己成为不会被轻易替代的那个人。 前言 2019互联网寒冬已至,大批互联网公司纷纷裁员,其实从2018年下半年开始,裁员和市场部收缩预算就经常被提及,阿里巴巴,华为都传出了收缩招聘的...

    songjz 评论0 收藏0
  • 立即收藏!2019前端工程师如何应对裁员潮?

    摘要:小肆也是被这些消息吓得瑟瑟发抖,不过生活就是这样,谁也无法预料到第二天会发生什么,只有把握好现在,积极为未知的明天做好准备才是正道。这里小肆给大家几点建议对于目前在职的同学,保持学习,提升自己核心竞争力,让自己成为不会被轻易替代的那个人。 前言 2019互联网寒冬已至,大批互联网公司纷纷裁员,其实从2018年下半年开始,裁员和市场部收缩预算就经常被提及,阿里巴巴,华为都传出了收缩招聘的...

    codecook 评论0 收藏0
  • 根据浏览器渲染界面原理理解渲染阻塞、浏览器的重绘(repaints)与回流(reflows)

    摘要:渲染阻塞在浏览器进行加载时,其实是并行加载所有资源。则就叫称为重绘。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。 前面有讲到当用户在浏览器输入url之后,经过一系列的过程,会最终向服务器请求到文档数据,文档数据请求到之后,浏览器会将这些数据传给浏览器渲染引擎,渲染引擎开始正式工作了。 构建...

    phodal 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<