覆盖整个页面

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;

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