Javascript 预加载时，顶部导航栏保持不变

我想在我的bootstrap网站上放置一个预加载程序，但是当屏幕加载时，我的顶部导航栏仍然保留在原来的位置。我的目标是有预加载屏幕，然后显示网站上的一切，因为它是

---

有什么例子吗？

在预加载容器上尝试最高的

z-index

示例：

.preloader-container{
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

---

在预加载容器上尝试最高的

z-index

示例：

.preloader-container{
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

---

请发布您迄今为止尝试过的内容。如果您的预加载程序是位置：绝对或固定，请应用更高的z索引。如果topbar有值，则该值应高于topbar的值。请发布您迄今为止尝试过的内容。如果您的预加载程序是位置：绝对或固定，请应用更高的z索引。如果有，它的值应该比topbar的值高。太棒了，非常感谢，它工作得很好，我使用了z-index:999；所以它不起作用。再次感谢…我标记了它：-D，但我还有一个问题，我用.js来淡化预加载程序，似乎不太好用，你们能帮我吗？我使用过这个代码-jQuery（document）.ready（函数（$）{$（窗口）.load（函数（）{$（'#预加载程序'）.fadeOut（'slow'，函数（）{$（THIS.remove（）；}）；}）；请为这个jQuery版本创建一个提琴？我使用的是3.2.1版，非常感谢，它工作得很好，我使用了z-index:999；所以它不起作用。再次感谢…我标记了它：-D，但我还有一个问题，我用.js来淡化预加载程序，似乎不太好用，你们能帮我吗？我使用过这个代码-jQuery（document）.ready（函数（$）{$（窗口）.load（函数（）{$（'#预加载程序'）.fadeOut（'slow'，函数（）{$（THIS.remove（）；}）；}）；请为此jQuery版本创建一个提琴？您正在使用版本3.2.1