Backgroundimage在滚动时重叠内容

Question

我的网站上有固定背景图片的问题。当用户滚动页面时，内容，页眉和页脚有时会消失在背景图像后面。滚动后需要几秒钟，然后内容会在背景上弹回。我不知道导致此问题的原因，也找不到任何相关信息。这是我使用的CSS：

背景图片

  .backgroundImage {
  z-index: 0;
  background-repeat: no-repeat no-repeat;
  background-position: center 12rem;
  background-size: 100%;
  position: fixed;
  height: 560px;
  min-height: 100%;
  min-width: 1920px;
  width: 100%;
  top: 0;
  left: 0;
}

页脚

  footer {
  position: relative;
  width: 100%;
  z-index: 1000;
  background-color: #277ac0;
  padding: 6rem 0 0 0;
  color: #fff;
}