JSFiddle - React, Tailwind, and code Playground

HTML

<body>
     <div id="myDiv" class="unselectable">This is div</div>
     <div id="layer1"></div>
     <div id="overlayDiv"><span id="msg"></span></div>
 </body>

CSS

#msg{
        position: absolute;
        top: 1px;
        height : 90%;
        width : 80%;
        z-index: 700;
        left : 0px;
        background: rgba(0,255,255,0.5);
    }
    #layer1{
        position : absolute;
        background : red;
        z-index: 1500;
        left : 500px;

}
.unselectable { 
-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

JavaScript

$(document).ready(function(){
        openLoadFunction("Loading....");
    });
    function openLoadFunction(msg)
    {
        
    }