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 回答