Chrome / webkit上的视差+倾斜

Question

我正在尝试向页面上的<section>元素添加CSS倾斜，这也是“视差”滚动效果的背景。

我遇到了一个有趣的问题。倾斜在第一个<section>上工作，但在第二个（或之后的任何一个）上，背景图像向下移动，或者div的流动变得混乱。我不确定为什么会这样。

我提出了jsfiddle问题。有什么想法吗？

如果你在Safari中打开小提琴，那就是我期待的行为。

更新：它实际上与视差滚动无关。它只是背景附件的组合：固定和倾斜。