条件注释不适用于 <link>答案

【问题标题】：Conditional comment not working for a <link>条件注释不适用于 <link>
【发布时间】：2011-01-20 05:45:54
【问题描述】：

我的页面中有一条条件注释，用于修复 IE7 的双填充问题。

我正在尝试添加“padding-top:5px;”仅在 IE7 中为 DIV。其余浏览器（包括 IE6 和 IE8）使用“padding-top:10px;”包含在 stylesheet.css 中。

stylesheet.css 包含

.clImageSamplerText {padding-top:10px;}

stylesheet_ie7.css 包含

.clImageSamplerText {padding-top:5px;}

如果我使用

<link href="stylesheet.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
    <style>.clImageSamplerText {padding-top:5px;}</style>
<![endif]-->

我的代码没有问题。

如果我使用

<link href="stylesheet.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
    <link href="stylesheet_ie7.css" rel="stylesheet" type="text/css">
<![endif]-->

它不起作用。

有人有什么想法吗？

【问题讨论】：

标签： html internet-explorer-7 conditional comments

【解决方案1】：

只是摸不着头脑——如果您使用的是 XHTML 文档类型，您可能会发现关闭 <link /> 标记可以解决问题。

那就试试吧：

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="stylesheet_ie7.css" />
<![endif]-->

【讨论】：

【解决方案2】：

我之前在条件 cmets 中包含 link 元素没有任何问题，所以我认为您这样做而不是将其写在 style 元素中并不重要。我最好的猜测是文档没有找到stylesheet_ie7.css。你确定它上传到了正确的地方吗？

【讨论】：