Question

我有2列（几行）div，如下所示：

<div class="odd">
    <div class="desc"></div>
</div>
<div class="even">
    <div class="desc"></div>
</div>

odd和even类相对位置，z-index为1，desc类绝对定位，z-index为5.其设置为{ {1}}内的desc与右侧的odd重叠，even内的desc与左侧的even重叠。

除odd外，此工作正常。 ie7中的desc显示在odd下方。我尝试了几件事情，我提出的唯一解决方案只是将我的问题反转了我将even设置为z-index为2且odd为z-index为1，但后来是来自均匀的desc躲在奇怪的地方。

我希望这是有道理的。我基本上是在展示产品，当你将鼠标悬停在图像上时，会弹出一个描述（在旁边的产品上，左边或右边的偶数或奇数）。它的工作正常，除了ie8。

有修复吗？

更新

这是css：

even

Answer 1

父z-index始终优先于其子索引。这是W3C官方对该行为的定义。因此，如果你的desc1和desc2有10和resp，那真的没关系。 400作为z-index值，只要你的奇数类有1甚至有2，甚至总是会在顶部。