覆盖与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;定位系统 - 都应使覆盖物覆盖整个视口。