#popup_shadow
{
position:fixed;
top:0%;
left:0%;
display:none;
background-color:gray;
-moz-opacity:0.5;
-webkit-opacity:0.5;
opacity:0.5;
filter:alpha(50);
z-index:100;
width:100%;
height:100%;
}
#popup_padding
{
padding: 10px;
}
#popup
{
-moz-opacity:1;
-webkit-opacity:1;
opacity:1;
filter:alpha(100);
display:none;
border: 1px;
border-style: solid;
border-color: yellow;
background-color:orange;
margin:0px auto;
width: 300px;
height: 200px;
z-index:101;
}
<div id="popup_shadow" align="center">
<div id="popup">
<div id="popup_padding">
<span id="popup_text"></span>
<br /><br />
<span id="popup_alert" class="popup_close">OK</span>
</div>
</div>
Mój problem polega na tym, że div popup przejmuje opacity rodzica(popup_shadow) i nie wiem jak to zmienić, dałem w popup opacity 1 ale to nic nie daje :P
I jeszcze jak wyśrodkować popup'a pionowo ?