如何在CSS中用页面的完整高度填充div？ （页面高度超过100%）ajax加载gif背景

好吧，有几个类似的问题，但不完全是我想要的。

我在页面上有几个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 显示它随着页面滚动而上升。 我是一名 C# 开发人员，CSS 对我来说就像古代拉丁语一样陌生。

如何让这个divLoadingBackground div填满页面的整个长度？

非常感谢您的帮助。 如果您需要任何其他信息，请评论！

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

尝试添加

z-index: 9999;

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