I am having trouble creating a popup overlay with an opaque blue layer that hides the red background beneath.
<a href="www.google.com">hi</a>
<div class="dim">
<div class="test">
<div> test </div>
<div> 2nd </div>
</div>
</div>
.dim {
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
background-color:red;
opacity: 0.5;
}
.test {
opacity: 1.0;
border: solid;
display: inline-block;
background-color:blue;
position: fixed;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}