背景半透明div

Question

我想显示一些对话框（绝对定位的div），我想在半透明的100％div上面显示它，所以背景上的所有内容都将变暗。 我已经通过

进行了管理

<div class='transpBox'></div>

.transparentBox
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #white;
    opacity: 0.9;
    z-index: 499;
}

这没关系，但是当对话框高度超过浏览器高度并向下滚动时，您会看到透明div未全屏显示。 做出这样的事情的正确方法是什么？

Answer 1

而不是position: absolute，请使用position: fixed。 （也可以与对话框div一起使用。）

absolute根据页面fixed基于窗口定位的位置。

Answer 2

也许你应该尝试jquery modal dialogs。而不是创建自己的过程。这样做会给你半透明背景和对话前景。