在所有元素上方显示加载器

Question

我想让这个装载器显示在网站上所有元素上方的白色背景上。当然，它显示的是透明度以及菜单和徽标 这是网站：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 }