如何用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);
}

这可能是高度：100％限制了页面跨越整个页面的长度。

Answer 1

请尝试position: fixed;。