Question

我有这个样式表：

<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不支持媒体查询。无论如何，这对于＆＃34;如何做这些事情并不重要＆＃34;。

Answer 1

Conditional Comments

中有一些特殊语法

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(|)运营商

的multiple condition

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

Answer 2

在条件语句中包含旧的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" />

css条件语句：包括IE8 +和rest的样式表

2 个答案: