html - 父元素在元素后面，但它的子元素在元素上

Question

我想将 div 移到父元素后面，但 div 中的元素仍要升起并能够单击它们。我尝试使用 z-index 但它似乎或者我不知道如何正确使用它或者它不能以我需要的方式工作。

所以父 div 应该在容器后面，但是子 div 应该在容器上。

<div class = "container">
    <div class = "parent">
        <div class = "child"></div>
        <div class = "child"></div>
        <div class = "child"></div>
    </div>
</div>

附言http://driglou.pusku.com/moreira/所以这就是我尝试做的，我需要 .labels 在 .header 后面，而 .label_icon 在标题上，这样您就可以单击此 .label_icon。

Answer 1

我没有足够的时间来重现这种情况或找到可行的解决方案 - 我在检查您的示例的那一刻所能看到的就是位置样式元素的用法。

也许您可以查看那篇文章 ( how to use z-index with relative positioning? ) 看看它是否有帮助，因为您正在父/子元素之间切换位置(相对和绝对)。

希望这个回答对您有进一步的帮助。