JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a"> text
</div>

<div id="b">
</div>

CSS

div{
    width:100px;
    height:100px;
}

#a{
    position:fixed;
    background-color: red;
    opacity:0.5;
    z-index:1;
}

#b{
    position:fixed;
    background-color: blue;
    opacity:0.5;
    z-index:5;
    pointer-events: none;
}