html - 即使滚动页面也将div设置为全屏

我想设置#bodyHider全屏。我试过这个密码：

#bodyHider{
    position:absolute;
        width:100%;
    height:100%;
    background:#000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    z-index:10000;
}

HTML代码：

<div id="bodyHider"></div>

它起作用了，但是当我向下滚动时，我看到#bodyHider在页面的顶部。我想要这个div的整个屏幕，即使我滚动页面。

最佳答案

这就是你想要的。

#bodyHider{
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    z-index:10000;
}