覆盖整个页面

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; 

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