背景不完全跨越

Question

我制作了 CSS 预加载器，它有一些颜色的背景和一个弹跳球。然而，背景并没有完全跨越窗口。预加载器出现之前的页面是可滚动的，当我尝试重新加载页面时，预加载器背景不会覆盖整个页面，而只会覆盖到顶部的窗口大小. 这个问题中提到了预加载器代码：Preloader does not fade out online 帮助表示赞赏。

Answer 1

将position: absolute; 更改为position: fixed; 并添加width: 100%;。

如果它没有填满整个页面，请使用height: 100vh; 而不是百分比值。

所以#loader 应该是这样的：

#loader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: #0f2338;
  z-index: 99;
}