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？