是否有可能将孩子显示在父母身上

Question

请问，有没有办法，让孩子超过父母叠加？ 我想要实现的目标 - 我有div #wrapper，它有一些颜色的叠加但我想在这个叠加层上显示它的一个子元素。这意味着 - ＆gt;在#wrapper上，会有白色透明覆盖和覆盖覆盖，会有#wrappers childs。

我有这段代码：

<div id="wrapper">
<div class="overlay-visible"></div>
</div>

的CSS：

#wrapper {
    position: relative;
}
#wrapper::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    display: block;
    content: "";
}
#wrapper .overlay-visible {
    position: relative;
    z-index: 999;
}

非常感谢您的回答。

Answer 1

使用z-index属性。 z-index属性指定元素的堆栈顺序。

http://www.w3schools.com/cssref/pr_pos_z-index.asp