CSS：阴影叠加

Question

我正在尝试在对话框后面添加阴影覆盖。我遇到了一个我不太清楚如何修复的问题。

这是我的代码：jsfiddle

有class 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。