CSS:阴影叠加

Question

我正在尝试在对话框后面添加阴影叠加层。我遇到了一个我不太清楚如何解决的问题。

这是我的代码:jsfiddle

有类 shadowDialog 的 div。

.shadowDialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 665;
    //display: none;
}  

它应该覆盖整个空间。但是，它只覆盖了我打开对话框时可以看到的空间，而不是我可以滚动到的其余空间(缺点)。

Answer 1

尝试使用 position: fixed 代替。