Question

我想要加载一些样式表，具体取决于IE版本。非常直接的东西，除了我在IE浏览网站的任何时候，似乎没有任何样式表被加载。

<!--[if IE 7]>
     <link rel="stylesheet" href="css/ie7.css">
<![endif]-->
<!--[if IE 8]>
     <link rel="stylesheet" href="css/ie8.css">
<![endif]-->
<!--[if IE 9]>
     <link rel="stylesheet" href="css/ie9.css">
<![endif]-->

对我来说看起来很好，似乎无法弄清楚为什么特定版本的样式表没有加载。

我做了多次刷新，因为它只是一个缓存问题，但似乎没有任何差别。

任何想法。

Answer 1

使用在所有浏览器中共享的一个样式表引用，查看HTML5 Boilerplate可能更好，更易维护的解决方案。应用根级别类是为了从一个样式表中定位特定的浏览器。

<!--[if lt IE 7]> <html lang="en-us" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html lang="en-us" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html lang="en-us" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us" class="no-js"> <!--<![endif]-->

Answer 2

您的条件陈述是正确的。

通过在没有声明的情况下加载它们来确保它们正确链接。

编辑：确保关闭链接标记。

Answer 3

你提到没有条件，样式表在除Internet Explorer之外的所有浏览器中都可以正常加载。

这表明您的条件没有问题，但是您的链接存在问题。您没有关闭链接标记，并且Internet Explorer可能比其他浏览器更严格。尝试将标记更改为以下内容：

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

Answer 4

我建议您尝试使用任何一个条件CSS语句7,8或9，然后添加其余两个。此外，还取决于仅适用于IE的唯一CSS。尝试更改div的一些基本属性。

例如，div的一般CSS可能如下所示

#sample {border:solid 5px red;}

对于IE - 把这个css放在任何一个css中。 ie7.css / ie8.css / ie9.css

#sample {border:solid 5px green;}

认为这应该有用。

IE条件CSS

4 个答案: