首页 > javascript > 顶部导航栏在预加载时保持不变

顶部导航栏在预加载时保持不变 (Top navigation bar is constant while preloading)

问题

我想在我的引导程序网站上放置一个预加载器,但是当屏幕加载时,我的顶部导航栏仍然保留在它的位置。我的目标是拥有预加载屏幕,然后在网站上显示所有内容。

我怎样才能实现这一点,任何例子?

解决方法

z-index在预加载器容器上尝试更高的值。

例:

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

问题

I want to put a preloader on my bootstrap website but my top navbar is still remaining in it's place while the screen is loading . My aim is to have the preloading screen and then show everything on the website as it is.

How can I achieve that, any examples?

解决方法

Try the most higher z-index on the preloader container.

Example:

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