css - Chrome / webkit上的视差+倾斜

Question

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

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

我已经解决了这个问题。有任何想法吗？

如果您在 Safari 中打开小提琴，这就是我所期望的行为。

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