JSFiddle - React, Tailwind, and code Playground

by Sivachandran J

HTML

<div class="main" >
	<div class="parent" >
		<div class="child" ></div>
	</div>
</div>

CSS

.main {
    width : 400px;
    height: 400px;
    border :1px solid black;
    background-color:#000000;
    opacity:.19;
    filter: alpha(opacity=19);
    -moz-opacity:.19;
    z-index:1;
    
}
.parent {
    width: 100px;
    height: 100px;
    background: #000000;
    z-index: -1;
     
}
.child {
    width : 200px;
    height: 200px;
    background: red;
    z-index: -1;
    position: relative;
}