Question

我在页面上有一个用于溢出的区域。在一边，div有内容与一些链接和一些隐藏的div。单击链接时，将显示隐藏的div。在FF中，div看起来像是预期的：在IE中，除了其他所有内容之外，它出现在div内部溢出的内容之上，但不在溢出之上。我该如何解决这个问题？

以下是我的代码示例：

<style>
.hiddenDiv {
    position:absolute;
    zIndex:9999;
    width:300px;
    height:250px;
    background:#fff;
    border:1px solid #ccc;
}
</style>
<div style="overflow-y: auto; border: 1px solid #ccc; height: 200px; width: 300px">
    some content here
    <div class="hiddenDiv" style="display:none">more content here</div>
</div>

我认为这是某种特定于IE的问题。

Answer 1

这意味着您的页面以怪癖模式呈现..

您的页面中是否声明了doctype？

除非IE处于怪癖模式（然后它展示了您描述的行为），否则该示例正常工作：http://www.jsfiddle.net/UtKYn/1/

Answer 2

使用：

* { zoom: 1; }

虽然不建议使用*选择器，但请尝试将其缩小一点。另外，请考虑z-index

Answer 3

尝试添加

margin: 0px;
padding: 0px;

缩进div的代码。

将<div>放在顶部</div>

3 个答案: