css - 在所有元素之上显示加载器

Question

我想让这个加载器显示在网站上所有元素上方的白色背景上。目前，它与菜单和 Logo 一起以透明方式显示这是网址:https://lea.oranjuice.club/

这是我用于加载程序的 css

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('https://lea.oranjuice.club/wp-content/uploads/2018/04/LeaSite_IntroAnimation270.gif') 50% 50% no-repeat rgb(249,249,249);}

谢谢

Answer 1

你还需要给你的 header 一些 z-index，它会在你的加载器下显示。

.header-absolute header.main-header {
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index: 20 }