html - Is it possible to show child over parents overlay -

please, there way, show child on parents overlay? want achieve - have div #wrapper, has overlay color want show 1 of childs elements on overlay. means -> on #wrapper, there white transparent overlay , on overlay there #wrappers childs.

i have code:

<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; } 

thank answers.

with z-index property. z-index property specifies stack order of element.

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