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

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

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

<!--[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或更高版本中解析。

@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媒体查询即可。

如何只在IE上加载CSS样式表相关推荐

js控制css 加载,CSS样式表的加载对于DOM解析,渲染,JS执行的阻塞问题
CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后面js语句的执行? css阻塞 h1 { color: red !important ...
前端开发，遇到火狐浏览器无法加载css样式表的情况及解决
本地调试时,用过的其他浏览器都闻有出现这种现象,唯独火狐浏览器出现这种问题,猜想这个可能是火狐比较严谨的态度决定的. 好在之前的后台调试时火狐一切正常,这下有了对比的案例,于是通过仔细的区分对比,发现 ...
oracle+xsl,ORA-39212:安装错误:未正确加载XSL样式表
ORA-39212: 安装错误: 未正确加载 XSL 样式表 ORA-39212: 安装错误: 未正确加载 XSL 样式表: 问题描述 SQL> select dbms_metadata.get ...
ios html加载css样式,iOS加载HTML, CSS代码
NSString *strHTML = @" // NSString *strHTML = model.goods_datails; NSMutableString *targerStr = ...
webpack加载css样式 ----css相关loader
一.什么是loader? webpack 只能理解 JavaScript 和 JSON 文件,这是 webpack 开箱可用的自带能力. loader 让 webpack 能够去处理其他类型的文件,并 ...
Bootstrap无法加载CSS样式，或者CSS样式不生效
可能的原因 1.路径写错了,如果没把握建议走CDN 2.文件路径有中文名,或者文件命名有中文名,这个情况有些时候可以有时候不可以 3.检查栅格系统的类前缀,有可能是小屏幕但是如果用lg可能导致看不出来 ...
webpack使用加载器来加载CSS样式
前言: 对于webpack来说,每个文件都是一个模块,比如css.js.html.jpg等. 对于不同的模块,就得需要不同的加载器(Loaders)来处理,所以加载器是webpack最重要的功能. 安 ...
CSS样式表引入的三种方式，及优先级顺序
CSS样式表引入的三种方式,及优先级顺序 CSS可以通过三种方式引入样式表,三种方式分别是行内样式表,内部样式表和外部样式表. 行内样式表通过给标签设定style属性 <body>< ...
浏览器打开html不加载css样式,ie怎么加载不了css样式？
css(Cascading Style Sheets,层叠样式表),它是一种用来表现HTML或XML等文件样式的计算机语言.CSS主要用来设计网页的样式,美化网页:它不仅可以静态地修饰网页,还可以配合 ...

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

如何只在IE上加载CSS样式表相关推荐

最新文章

热门文章