父元素在元素后面，但它的子元素在元素上答案

【问题标题】：Parent behind the element but its child on the element父元素在元素后面，但它的子元素在元素上
【发布时间】：2014-03-17 04:46:33
【问题描述】：

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

所以父 div 应该在容器后面，而子 divs 应该在容器上。

<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。

【问题讨论】：

标签： html css z-index

【解决方案1】：

我没有足够的时间重新创建这种情况或找到一个可行的解决方案 - 在我检查您的示例的那一刻，我只能看到位置样式元素的使用。

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

希望这个答案对您有所帮助。

【讨论】：

【解决方案2】：

通过链接的外观，您需要做的就是设置一个容器，然后为头部设置一个图像，然后为选项卡设置标题，最后是链接图像。

<div class="container">

    <div class="parent_header">
        <div class="tab1"></div>
        <div class="tab2"><a href="#"><img src="#" /></a></div>
        <div class="tab3"></div>
    </div>

</div>

【讨论】：

【解决方案3】：

去掉class上的绝对定位，改为应用于个人ID'

【讨论】：

你能告诉我具体从哪个类中取绝对定位吗？因为我失去了一点：/
您已将绝对定位（左：50%）应用到您已分配给所有 3 个 img 的 .label_icon，因此 absolute 会将它们全部定位在同一个空间中，而不是用一个 ID 定位它们或使用边距：0自动；如果你只是想让他们每个人居中，就在课堂上。