全屏毯子只覆盖可见屏幕。如果你向下滚动就没有了

Question

这可能是一个简单的问题，但我似乎无法弄明白。

我正在使用jquery创建一个弹出窗口。单击编辑按钮时，会出现一个弹出窗口，并且毯子覆盖其后面的所有内容，以给人一种淡出的印象。

我让它正常工作，但背景毯只覆盖可见的屏幕空间。这意味着你可以向下滚动并查看毯子的结束位置。

我试图让它覆盖页面上的所有内容，即使你滚动也看不到的东西。

这是我目前的css，

#blanket {  
 background-color:#111;
 opacity: 0.65;
 filter:alpha(opacity=65);
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2000}

如何才能涵盖所有内容？

Answer 1

将position: absolute更改为position: fixed，以便叠加背景（封面）不会随页面滚动。