如何只在IE上加載CSS樣式表

發(fā)布時(shí)間：2019-02-20 15:39:42 作者：創(chuàng)客青年

IE一直是特殊的一個(gè)瀏覽器，我們可以使用一些方法來指定樣式表只在IE瀏覽器下被加載。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

前言：IE一直是特殊的一個(gè)瀏覽器，我們可以使用一些方法來指定樣式表只在IE瀏覽器下被加載。

IE9以及低于IE9版本 :

可以使用條件注釋語句來加載特定于ie的樣式表。如下所示，使用外部樣式表。

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

但是如果是IE10以上時(shí)，這個(gè)辦法就不是很適用了。

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 */ 
}

總結(jié)

如果我們想只針對(duì)IE加載樣式表，只需要設(shè)置條件注釋和-ms-high-contrast媒體查詢即可。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片