1

这应该是直截了当的，但我对此有疑问。我正在使用 html5 样板设置的网站。一切都很好，但 IE(10) 存在通常的边距问题。这不是灾难性的，但它会导致滚动条应用于内容区域，因为它在 IE 上占用了更多的垂直空间。我正在尝试使用这样的 IE 检测来垂直扩展所需的元素：

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

iestyle.css 包含：

#page-container { height: 1100px; }
#content { height: 835px ; }
#menu-footer { height: 560px; }

通常我不会以这种方式指定确切的高度并让它们自然填充，但我使用的 JQ 插件不允许我使用该选项。这应该可行，它很简单，但无论出于何种原因，Chrome 和 FF 仍在应用 iestyle.css 格式。我什至尝试向 html 对象添加一个类，然后将该类用作 style.css 中的钩子：

 .ieExtend #page-container { height: 1100px; }

ieExtend 类仍在 Chrome 和 FF 中应用，所以我假设检测本身存在一些问题......有什么想法吗？

谢谢。

4

1 回答 1

1

我认为您的条件评论不适用于 IE10，因为 v10 删除了对条件评论的支持 ( http://www.impressivewebs.com/ie10-css-hacks/ )。因此，如果样式在 IE10、Chrome和FF 中应用，那么这表明您正在使用其他某种机制来绕过条件注释（应该忽略所有这些浏览器的样式表）进行检测，或者您已经复制了样式以某种方式在 style.css 中规则。我建议搜索您的代码，如果您看不到可能无意中应用它们的另一种机制（例如通过 JS），则可能会查找值以查找流氓规则。

于 2013-06-14T23:02:58.680 回答