Имеется:
<div class="overlay">
<div class="content">blablabla</div>
</div>
div.overlay {
background-image: url("../images/diagonals.png");
background-repeat: repeat;
background-attachment: fixed;
z-index: 1001;
opacity: 0.5;
width: 100%;
height: 100%;
display: none;
top: 0px;
left: 0px;
position: absolute;
}
div.overlay div {
position: absolute;
top: 20%;
left: 20%;
z-index: 1011;
height: 50%;
width: 50%;
background: url("../images/whitebox.png") repeat;
border: 2px solid #000;
opacity: 1.0;
}
Не хочет, зараза, div.content быть непрозрачным. WTF, собственно? Как его сделать непрозрачным?
whitebox.png - 1x1 белый (именно белый) пиксель. background-color: #fff не спасает.
