html - 如何使用CSS获取网页的全高？

Question

我正在尝试使用非常少的 Javascript 创建一个伪灯箱。我正在创建模态后面的半透明黑色覆盖层，但我在将黑色覆盖层一直延伸到页面长度时遇到问题。覆盖在初始可滚动区域的末尾停止。因此，如果用户向下滚动页面，则页面不会完全被叠加层覆盖。这是我用于覆盖的代码:

.black-overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

可能是 heigh: 100% 限制了页面跨越整个页面的长度。

Answer 1

尝试使用 position: fixed; 代替。