Question

当您滚动到最后一个div并向上移动时，背景图像会在顶部被切割。这只发生在Chrome中，而不是在Firefox等中发生。我已经搜索了堆栈溢出和其他站点的解决方案，因为它是一个已知的旧bug。我能找到的解决方案并不适用于我希望保持原样的设计。

由于我在可滚动div和画布上使用的对角线css3，错误被触发。当我在可滚动的div中使用时，我遇到了这个问题。

的网址

如果有人遇到同样的问题并修好了..请告诉我：）

在这里，您可以看到问题的快照

_{点击放大图片}

Answer 1

删除第三个<div>元素中的z-index

<div id="section3" class="section pp-section" style="top: 0px;">

并将第一个第二个<div>元素的z-index设为4

<div id="section1" class="section pp-section" style="top: -100%; z-index: 4;">

并将第二个<div>元素的z-index保持为2

<div id="section2" class="section pp-section" style="top: -100%; z-index: 2;">

上面的代码适用于我在firebug中所做的更改。