html - 覆盖整个页面

Question

我想创建一个我将在弹出窗口后面使用的叠加层。但是当页面向下滚动时，叠加层不再存在？我可以使用 javascript 来获取页面内容的高度，然后可以将相同的高度应用于叠加层，但是是否有任何基于 css 的解决方案？

#overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
   top: 0px;
   background-color:#000;
   opacity: .75
}

Answer 1

只需将 position 属性更改为 fixed。