如何用css中的页面全高填充div？(页面高于100%)ajax加载gif背景

Question

好吧有几个类似的问题,但不是我想要的任何东西.

我在页面上有很少的ajax请求,我想在屏幕中央显示图像,并且它的工作正常.

为了使它看起来更加突出,我想将该图像放在具有半透明背景的div上,因此对于最终用户来说更为明显.现在是棘手的部分.

我用这样的css做了div:

.divLoadingBackground
    {
        filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
        width: 100%;
        height: 100%; 
        background-color: #333;
        position: fixed;
        top: 0px; 
        left: 0px;
    }

这会填满页面,或者,我应该说,这填充了视口.如果我向下滚动页面,页面再次正常.我希望这个div跨越页面的整个长度,无论页面有多长.

这是我快速演示的问题的示例模型:

正如你所看到的,我以模型的SO为例;)图1显示它出现时没问题.图2显示它在滚动页面上升.我是开发者和css对我来说和古代拉丁语一样陌生.

如何使这个divLoadingBackground div填写整个页面长度？

非常感谢任何帮助.如果您需要任何其他信息,请发表评论!

Answer 1

我在你的 css 中没有看到的一件事是 z-index。已修复，虽然修复了此问题，但有时，根据其他 div 的定位方式，您的 divLoadingBackground div 可能最终出现在其中一个 div 中。

尝试添加

z-index: 9999;

或类似的东西，看看它是否有效。