html - 我如何在 css 中设置黑色覆盖的高度，所有其他东西都被隐藏了？

Question

我有一个具有 black_overlay 类的 div。我想在页面上将它们设置为完整。在我的代码中它只有 1500px。

问题是如果页面的高度低于 1500，那么它们会变得异常大如果页面有更高的高度，那么使用它是没有好处的，因为我想对整页执行此操作。

我如何使用 css 做到这一点

#black_overlay 
{
    position: absolute; 
    top: 0; left: 0; 
    width: 100%;
    height: 1500px; 
    background-color: black;
    z-index: 99;
    opacity: .8; 
    filter: alpha(opacity=80); 
}

Answer 1

使用 min-height 而不是给定演示中的 height:http://jsfiddle.net/rathoreahsan/42wTM/

或者使用height: 100%而不是使用固定高度