固定的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;

背景会显示出来。