修复了 div 的背景在 chrome 中不起作用

Question

我有一个带有固定背景图像的 div。 不知何故，这在 Firefox 和 IE 11 上有效，但在 chrome 上，div 不显示。

她在 jsfiddle 中的例子： jsfiddle

这个问题可能与这里的问题类似：

chrome fixed background issue

但他们试图实现的有点不同：他们在整个部分都有背景图像，并将内容放在上面。 所以没有一个解决方案对我有用。 除了那里的codepen中的Demo之外，甚至在Firefox中都无法使用？

我想到了两个解决方案：

1. 使用上面提到的 hack：

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .bg{
      background-attachment: scroll;
}
}

图片会以 chrome 显示，但不是固定的，所以不会有 Firefox 和 IE 的效果。

1. 通过重新排序 div 来尝试完全不同的东西

   fancy stuff

这似乎是一些我以前从未尝试过的花哨的东西，甚至不知道这是否会起作用。也许它会带来更多的问题作为解决方案？

知道如何解决这个问题吗？我错过了什么吗？

Answer 1

如果你删除

 will-change: transform;

背景会出现。