JSFiddle - React, Tailwind, and code Playground

by wetali

HTML

<div id="modal">UpS!</div>

<button>Кликни меня!</button>

CSS

#modal {
    position: absolute;
    z-index: 20;
    top: 100px;
    left: 100px;
    width: 200px;
    height: 200px;
    border: 2px solid #900;
    line-height: 200px;
    text-align: center;
    background: #FFF;
}
#bg_layer {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}

JavaScript

$('#modal, #bg_layer').hide();
$('button').click(function(){
    $('#modal, #bg_layer').show();
});