CSS叠加div不会拉伸到文档高度

Question

我有一个覆盖元素,使用JavaScript附加到文档.这是它的样式声明:

#overlay_mask {
    display: none;
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

它的大小正确延伸到窗口的高度,但是当用户滚动时,叠加层不会跟随.

的html和body元件被设置为width: 100%; 和height: 100%.叠加层是文档的第一个子节点.

Answer 1

你可以试试position:fixed;.叠加层仍将仅拉伸到窗口大小,但即使用户滚动,它也会保持在适当位置.