为什么我的div不会在ie7中占据我的形象？

Question

我知道ie7 z-index错误但我仍然无法让div位于图像顶部。这是我目前的代码：

<div id="wrapper">
  <div id="content">
    <div class="copy">...</div>
    <div id="toggle-view"></div>
    <img id="view" src="/..." />
  </div>
</div>

这是造型：

#wrapper { width: 960px; margin: 0 auto 0 auto; background: #fff; }
#content { width: 960px; height: 555px; position: relative; z-index: 20; }
#toggle-view { display: block; width: 150px; height: 25px; cursor: pointer; position: absolute; top: 12px; right: 10px; z-index: 10; }
#view { width: 722px; height: 555px; position: relative; z-index: 1; }

这在Chrome / FF等中运行良好但不是ie7。如何让#tutggle-view div位于#view img。

之上

由于

编辑：好的，我明白了。由于某种原因，如果元素没有设置'背景'属性，它将无法正确处理z索引（即任何版本......甚至9）。上帝我非常讨厌IE ..

Answer 1

当你说在最上面时，你的意思是你希望div在它之上或之上吗？

我使用你的代码创建了一个jsfiddle http://jsfiddle.net/trickeedickee/wPz2X/，它在IE7中运行得非常好，你的#toggle-view div位于容器的右侧，这是故意的。让我知道是否这就是答案，如果不是，我会尝试帮助你。

为了100％清楚，我在IE7中附加了一个jsfiddle的屏幕抓图。我有#tut-view坐在左侧，在图像顶部就像一个图层堆栈。它显然位于图像之上。这不是你想要的结果吗？