Question

这应该是直截了当的，但我遇到了这个问题。我正在一个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中应用，所以我假设检测本身存在一些问题......有什么想法吗？

日Thnx。

Answer 1

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

IE Detection对Chrome / FF评估为真？

1 个答案: