background semitransparent div
Posted
by plasticrabbit
on Stack Overflow
See other posts from Stack Overflow
or by plasticrabbit
Published on 2010-04-11T15:56:25Z
Indexed on
2010/04/11
16:13 UTC
Read the original article
Hit count: 172
I want to show some dialog (absolute positioned div), and I want to show it above semitransparent 100% div, so everything on background will be dimmed. I have managed it by
<div class='transpBox'></div>
.transparentBox
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #white;
opacity: 0.9;
z-index: 499;
}
This is all right, but when dialog height is more than browser height and you scroll down, you see that transparent div is not in full screen. What is proper way to make such thing?
© Stack Overflow or respective owner