“背景附件：固定”破坏了我的背景图像的适合度？

Question

我的横幅应该是具有视差效果的背景图像。

1. 没有background-attachment: fixed

它看起来像这样（视差关闭）：

2. 带有background-attachment: fixed

它看起来像这样（视差）：

有什么帮助让它看起来像图一但有视差吗？

/* without parallax */

.hero {
  min-height: 50rem;
  width: 100%;
  background-image: url(/images/Hero/Hero_2140px.jpg);
  background-size: cover;
}

/* with parallx*/

.hero {
  min-height: 50rem;
  width: 100%;
  background-image: url(/images/Hero/Hero_2140px.jpg);
  background-size: cover;
  background-attachment: fixed;
}