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

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

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

前言：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 */ 
}

總結(jié)

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

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频