z-index在IE7中无法正常工作

Question

以下是该方案：

我试图使用div IE7 将搜索nav（黑色）置于z-index（蓝色底板）之上，但它无效

这里是虚拟标记：

<div id="header">
  <div class="container">
    <div id="search"></div>
  </div>

  <div class="container">
    <div id="nav"></div>
  </div>
</div>

在 CSS 规则上，#header定位为relative #search＆amp; #nav定位为absolute。任何想法，我如何将#search置于#nav之上？

注意：出于某种原因，我需要将它们放在两个不同的div中。我的 CSS 与 IE8 一起正常使用。

Answer 1

ie7上的z-index将元素堆叠在同一级别上，因此您需要将z索引应用于.container div以使其正常工作

Answer 2

感谢 @Pete ，因为他的回答给了我解决这个问题的线索！ :)我想分享一下：

对于第二个.container，我设置了z-index: -1;＆amp;这对我有用！