浏览器判断 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]-->

条件式加入参数 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>