定位绝对和相对IE7问题

Question

我有两个div。第一个有position:absolute，另一个有position:relative。

   <div class="first-div">
    abc
   </div>

   <div class="second-div">
   xyz
   </div>

问题是在IE7中悬停第一个div时，第一个div位于第二个div下面。在CSS z-index:100;对于第一个div和z-index:0;为第二个div，但它不起作用。有任何帮助来解决这个问题吗？

对于其他浏览器，它运行良好，仅在IE7中就是这个问题。

Answer 1

显然IE 7中存在z-index错误。将父z-index设置为更高的值可以解决问题。

<div class="parent" style="position: relative; z-index:200;">
  <div class="first" style="position: absolute; z-index:100;"></div>

</div>
<div class="second"></div>

我认为这样的事情 - 没有看到你的一些代码，很难说。