JSFiddle - React, Tailwind, and code Playground

by badge2033

HTML

<div id="content">Some content here
    <br>
    <button onclick="$('#backgroundOverlay').show();" ;>Hello</button>
    <input type="text" />
</div>
<div id="backgroundOverlay">buttons here
</div>

CSS

#content {
    border : 1px solid red;
    padding : 20px 10px;
}
#backgroundOverlay {
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:8000;
    opacity: 0.5;
    text-align: center;
    color: green;
    padding-top: 30px;
}