JSFiddle - React, Tailwind, and code Playground

HTML

<div style=";width:500px;height:500px;border:1px solid gray;z-index:2;" id="box_1">
</div>

<div style="width:300px;height:300px;background-color:red;z-index:1;"  id="box_2" onclick="alert(1);">
how to activate me?(do not inner #box_1,and z-index less than box_1)
</div>

CSS

div{
    position:absolute;top:0;left:0;
}