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

AnthonyHan 发布于2019-08-30 15:55 / 2215人阅读

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

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

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

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

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
}

微软 Edge12 :可以使用@supports
@supports的参考文章

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
}

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

云服务器 GPU云服务器 css样式表加载css样式 php 加载样式表样式ie模式

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

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

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

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

Jioby 2019-04-23 11:43 评论0 收藏0
立即收藏！2019前端工程师如何应对裁员潮？

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

songjz 2019-08-30 15:55 评论0 收藏0
立即收藏！2019前端工程师如何应对裁员潮？

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

codecook 2019-08-23 14:39 评论0 收藏0
根据浏览器渲染界面原理理解渲染阻塞、浏览器的重绘（repaints）与回流（reflows）

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

phodal 2019-08-23 13:39 评论0 收藏0