JSFiddle - React, Tailwind, and code Playground

by mgibsonbr

HTML

<div id="a">
    z-index = 1
    <div id="c">z-index = 3</div>
</div>
<div id="b">z-index = 2</div>

CSS

#a {
    z-index: 1;
    background: red;
    position: absolute;
    width: 50%;
    height: 50%;
    left: 200px;
}

#b {
    z-index: 2;
    background: green;
    position: absolute;
    width: 25%;
    height: 25%;
    top: 180px;
    left: 120px;
}

#c {
    z-index:3;
    background: yellow;
    position: absolute;
    width: 25%;
    height: 25%;
    top: 140px;
    left: 20px;
}