JSFiddle - React, Tailwind, and code Playground

by Niranjan Borawake

HTML

<div class="behind">
</div>
<div class="outer">
    outer
    <div id="inDiv" class="inner">
        inner
    </div>
</div>

CSS

div.behind{
    background-color : red;
}
div{
    width : 100px;
    height : 100px;
    background-color : white;
    color : black;
}
.outer{
    opacity : .5;
    position : relative;
    border : 3px solid black;
    top : -70px;
}
div.inner{
    opacity : 1 !important;
    background-color : white;
    position : relative;
    border : 1px solid black;
    top : 10px;
}