0

我有这个样式表：

<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />

我想将它包含在 IE8+ 和任何其他浏览器中，但不包含在 IE7- 中。可能吗？

编辑： 我试过：

<!--[if (gte IE 8)|(!IE)]>
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
<![endif]-->

但这不包括 Firefox 或 Chrome 下的文件（或者我想 IE8+ 以外的任何其他浏览器）

EDIT2： 事实上，我应该包含 IE9+（不是 IE8+）的文件，因为我刚刚发现甚至 IE8 都不支持媒体查询。无论如何，就“如何做这些事情”而言，这并不重要。

4

2 回答 2

2

条件注释中有一些特殊的语法

gt: greater than
lte: less than or equal to

因此，您可以使用它们进行过滤。

<!--[if gt IE 7]>
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
<![endif]-->

条件注释还支持使用或运算符的多个条件AND(&)OR(|)

<!--[if (gt IE 7)|(!IE)]>
    <link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
    <![endif]-->
于 2013-03-22T13:58:08.950 回答
0

在条件语句中包含您的旧 IE CSS 文件，然后包含您的普通 CSS 文件

<!--[if lt IE 9]>
<link rel="stylesheet" href="/static/web/bootstrap/css/OLD-IE.css" />
<![endif]-->
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
于 2013-03-22T14:03:45.283 回答