JSFiddle - React, Tailwind, and code Playground

by honglonglong

HTML

<div id="pdiv1"><div id="div1">abc</div></div>
<div id="pdiv2"><div id="div2">abc</div></div>

CSS

div{
    background-color:#ffffff;
}
    
#div1{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    border:solid 1px gray;
    background-color:#ffffff;
    z-index:9;
    clip:rect(0, 200px, 200px,0);
    overflow:hidden;
}
#div2{
    position:absolute;
    top: 50px;
    left: 50px;
    width: 100px;
    height: 100px;
    border:solid 1px gray;
    background-color:#ffffff;
    z-index:10;
}

#pdiv1{
    z-index:9;
}
#pdiv2{
    z-index:10;
}