html - 覆盖整个页面

Question

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

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

Answer 1

只需将position属性更改为fixed.

Answer 2

-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;

试试看，我不确定它是否适用于除背景之外的任何东西，但值得一试！