有可能在父母的覆盖上显示孩子吗?

Question

请问，有没有办法，显示孩子在父母覆盖?我想要实现的-我有一个div #wrapper，它有一些颜色的覆盖，但我想在这个覆盖上显示它的一个子元素。它的意思是->在#wrapper上面，会有白色透明的覆盖层，在覆盖层上面会有#wrappers子层。

我有这样的代码:

<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