瀏覽器判斷 IE 版本條件式的語法 [if IE]..![endif]

微軟正式提出 Internet Explorer 瀏覽器的正式停用,可使用 Edge 瀏覽器標準化 IE 模式來應對。這就是在 2022 年的 6 月 15 日。屆時在主要版本的 Windows 10 應用程式的 IE 11 桌面版都將會停止支援。IE 模式支援較舊的 ActiveX 控件和舊站點。Internet Explorer 瀏覽器將走入歷史。


瀏覽器之相容性,不同瀏覽器對於 CSS、JavaScript 支援不同,可用配合條件註解的方式去判讀瀏覽器讀取適合的檔案。

Conditional comments

<!--[if IE 6]>
IE 瀏覽器版本 6
<![endif]-->

<!--[if IE 7]>
IE 瀏覽器版本 7
<![endif]-->

<!--[if IE 8]>
IE 瀏覽器版本 8
<![endif]-->

<!--[if IE 9]>
IE 瀏覽器版本 9
<![endif]-->

<!--[if !IE]> -->
瀏覽器 不是 IE
<!-- <![endif]-->

瀏覽器判斷 IE10+ 需要另外方式、因為判斷結果、瀏覽器 不是 IE。

瀏覽器 不是 IE

條件式加入參數 Note the special syntax

<!--[if lte IE 9]>
IE 瀏覽器版本低於 9
<![endif]-->

<!--[if IE 8 | IE 9]>
只出現於 IE8 或 IE9 才會顯示的判斷方式。
<![endif]-->

lte 小於或等於

lt 小於

gte 大於或等於

gt 大於

! 不等於、例如 [if !IE] 瀏覽器不等於IE


使用 if 判斷 IE 版本 - 條件式 CSS 的用法

<!--[if lte IE 6]>
<link rel="stylesheet" href="css/styleIE6.css" type="text/css" media="screen"/>
<![endif]-->


追加 [if IE 10]

* [if IE 10] IE10 結果顯示 不是 IE ? 判斷方式有變化。
以下是找到的方式。但不知與 XML 語法使用時是否會有衝突。

<xml>
此段在 XML 標籤內將只針對 IE 10 的瀏覽器和其他的瀏覽器。在 IE 9/8/7 瀏覽器則不顯示出來。
</xml>

此段在 XML 標籤內將只針對 IE 10 的瀏覽器和其他的瀏覽器。在 IE 9/8/7 瀏覽器則不顯示出來。