前言：IE一直是特殊的一個瀏覽器，我們可以使用一些方法來指定樣式表只在IE瀏覽器下被載入。 IE9以及低於IE9版本 : 可以使用條件註釋語句來載入特定於ie的樣式表。如下所示，使用外部css3樣式表。 ? 1 2 3 <!--[if IE]> <link rel="stylesheet" type ...
前言：IE一直是特殊的一個瀏覽器，我們可以使用一些方法來指定樣式表只在IE瀏覽器下被載入。
IE9以及低於IE9版本 :
可以使用條件註釋語句來載入特定於ie的樣式表。如下所示，使用外部css3樣式表。
?| 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+中可用)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媒體查詢即可。
