IE 样式表/条件注释不起作用

Question

我试图让一个网站在 IE 中看起来更好，所以我决定使用条件注释。 所以我使用这个条件注释链接到样式表。

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IEstyle.css" />
<![end if]-->

这不起作用，它将使用默认样式表或显示空白页面。 然后我在某处读到评论是这样的。

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

所以我试过了，它和另一个做了完全相同的事情，但-->显示在页面上。 我对 html 还是有点陌生​​，任何帮助都会很好。

Answer 1

以下是评论的正确格式：

<!--[if IE ]>
Special instructions for IE here
<![endif]-->

这是一个 NOT IE 评论：

<!--[if !IE ]>
According to the conditional comment this is not IE
<![endif]-->

来源： http : //www.quirksmode.org/css/condcom.html

编辑：刚刚注意到他们的“不是”示例是错误的。 我已经改正了。

Answer 2

你应该这样使用：语法：

<!--[if IE 8]> = IE8
<!--[if lt IE 8]> = IE7 or below
<!--[if gte IE 8]> = greater than or equal to IE8


<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
    <link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

参考链接 1

参考链接2

Answer 3

此外，声明您想要拉出条件表的 IE 版本总是好的，例如，如果您想要 IE 9 和更低版本，则如下所述。

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="IEstyle.css" />
<![endif]-->

Answer 4

HTML 条件注释在 IE10 中被禁用。 CSS 条件注释可用于在 IE10+ 中定位样式。
https://www.mediacurrent.com/blog/pro-tip-how-write-conditional-css-ie10-and-11/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// IE10+ CSS here
}

Answer 5

面对这个问题时，我们采用了<script type="module">解决方案。 更多细节在这里。

我们还想访问我们使用来自其他 ES5 脚本的 ES6 代码设置的全局变量，以确定我们是否想做一些不同的事情。 显然，在这种情况下导出将不起作用，但您可以将变量分配给window.<something>然后像访问任何其他变量一样访问它们。

只有运行 ES6 和支持模块的浏览器才会运行包含在type="module"脚本。