背景不完全跨越

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;
}