CSS高度100％的页面高度？

Question

所以我正在尝试制作一个所有的CSS灯箱，例如本页面上的那个 CSS Lightbox

但是当页面可滚动到它的高度时，用户向下滚动，淡入淡出停止，有没有办法阻止这种情况发生？因此，无论它们是否滚动，淡入淡出都会覆盖整个页面。

谢谢，

Answer 1

更改

.black_overlay {
display: none;
position: absolute;

到

.black_overlay {
display: none;
position: fixed;

Answer 2

我通常会抓取原始页面主体的高度和宽度，并在将其添加到页面之前使用Javascript将淡入淡出的高度/宽度设置为这些尺寸。您是在寻找仅限CSS的选项，还是愿意使用一些JS？