覆蓋與CSS調整大小

Question

我有一個彈出式覆蓋，我目前正在調整一些jQuery代碼。我正在尋求改變這個實現只能使用CSS。這是一般的設置我與jsFiddle

<div id="BigDiv"></div> 
<div id="Overlay"></div> 

#Overlay{ 
    background:red; 
    opacity:0.6; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%} 

#BigDiv{ 
    height:2000px; 
    width:2000px; 
    background:blue;} 

沿着有正如你所看到的，覆蓋在100％的寬度尺寸和高度，所以當用戶觀看的覆蓋，它填補了屏幕。但是，當用戶滾動時，疊加層不會調整大小。如果可能的話，我怎樣才能改變這一點，使調整大小隻與CSS工作。

謝謝。

Answer 1

使用position:fixed代替absolute將覆蓋放置在相對於屏幕的視口的一個

指定位置，並滾動

時不動你可以保持width:100%;height:100%或使用完整的top:0;right:0;bottom:0;left:0;定位系統 - 都應使覆蓋物覆蓋整個視口。