2012-12-21 41 views
5

我想在IE中使网站看起来更好看,所以我决定使用条件注释。所以我使用这个条件注释来链接到样式表。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还是有些新鲜的,任何帮助都会很好。

回答

4

以下是评论的正确格式:

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

这里是不是IE的评论:

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

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

编辑:只注意到他们的 '不'例子错了。我已纠正它。

+0

谢谢,这可能是正确的代码,或者说,我试图把事实有条件的陈述在身体而不是头部,但至少现在可行,谢谢! –

+0

考虑到我在这里提供的代码与您使用的代码不同,编号说它是正确的代码;) – mkoryak

+8

不幸的是,似乎IE 10+不再支持条件。来源:'https://msdn.microsoft.com/en-us/library/hh801214(v = vs.85).aspx' –

1

此外,它总是很好地声明你想要拉条件表的IE版本,例如,如果你想IE 9和更低,它将如下所述。

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

如果他只是想让所有版本的IE使用样式表呢? – mkoryak

+0

这很好,只是把所有的IE浏览器,但通常有一些IE版本之间的差异,以及如何显示在每个版本的东西,所以我只是想展示如何区分版本。 –

+0

谢谢你的帮助,我终于搞定了,我现在只想要它或所有版本。 –

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]--> 

reference link 1

reference link 2