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>

P.S。 http://driglou.pusku.com/moreira/所以这就是我尝试做的事情，我需要.labels在.header和.label_icon后面，因此您可以点击这个.label_icon。

Answer 1

我没有足够的时间来重新创建情况或找到一个可行的解决方案 - 在我检查你的例子时我能看到的只是位置样式元素的使用。

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

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

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

Answer 3

删除课程上的绝对定位，然后应用于个人ID'

元素后面的父元素，但元素上的子元素

3 个答案: