css - 覆盖 div 的绝对位置和高度 100% 不随滚动移动

Question

请看here然后单击“打开”按钮。

.darkClass
{
    background-color: white;
    filter:alpha(opacity=90); /* IE */
    opacity: 0.9; /* Safari, Opera */
    -moz-opacity:0.9; /* FireFox */
    z-index: 2000;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position: absolute;
    top: 0;
    left: 0;

}

您将看到覆盖层 div 根据需要覆盖了整个屏幕，但是当我滚动时，它并没有按照预期那样随着滚动而移动。

我希望看到灰色叠加层随着我的滚动而移动。

我在这里缺少什么CSS？

Answer 1

您应该使用position:fixed而不是position:absolute。

它将相对于浏览器窗口定位元素，而不是相对于其第一个定位的(非静态)祖先元素。