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: 175

Filed under:
|
|

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

Related posts about html

Related posts about div