JSFiddle - React, Tailwind, and code Playground
by gchoken
HTML
<div id="box">
<div id="apdiv"></div>
<p>Text</p>
</div>CSS
#box {
position:relative;
margin:0 auto;
width:400px;
top:50%;
}
#box p {
position:relative;
width:300px;
background:yellow;
margin:0 auto;
padding:5px;
}
#apdiv {
position:absolute;
top:0;left:0;bottom:0;
width:100%;
background:red;
opacity:.4; /* FX/Opera/Safari/Chrome */
-ms-filter:"alpha(opacity=50)"; /* IE8 */
filter:alpha(opacity=50); /* IE6/IE7 */
}