JSFiddle - React, Tailwind, and code Playground

by SzymonDziewonski

HTML

<div>
    <div id="overlay-modal">
        <div class="inner-modal">
            <p>Content in here</p>
        </div>
    </div>
    <div class="justTransparentMask"></div>
</div>saomthing behind

CSS

#overlay-modal {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
}
.inner-modal {
    width: 400px;
    height: 270px;
    margin: 200px auto;
    background-color: white;
    position: relative;
    z-index:9999;
}
.justTransparentMask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: red;
    opacity: 0.6;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index:99;
}