覆蓋整個頁面

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; 

嘗試一下，我不確定它是否適用於除背景之外的任何東西，但它的價值一槍！