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