溢出z-index

Question

我有以下HTML标记

<div id="main">
 <div id="div1" style="position:relative;"></div>
 <div id="div2" style="z-index:-1; position:relative; overflow:auto; height:500px;"></div> 
</div>

在div2我动态加载数据并且内容可能超过div高度，因此我使用overflow:auto属性来显示滚动条。问题是滚动条出现在所有浏览器中，但它只在IE8 / 9，FireFox和Chrome中运行。在其他浏览器中，您会看到 滚动条，但没有功能。

Answer 1

你的div2的z-index为-1。所以它落后了。这就是为什么它不起作用。