Javascript Chrome背景图像被剪切

当您滚动到最后一个div并向上移动时，背景图像在顶部被剪切。这只发生在chrome上，而不是Firefox等。我搜索了stack overflow和其他网站寻找解决方案，因为这是一个已知的老bug。我能找到的解决方案并不真正适用于我希望保持完整的设计

由于我在scrollable div和canvas中使用了对角线css3，所以这个bug被触发。当我在scrollable div中使用这两个选项时，我遇到了这个问题

页面的URL

如果有人有同样的问题并解决了它。。请让我知道：）

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

---

单击以放大图像

删除第三个

元素中的z索引

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

第二个

元素的z索引为4

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

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

并将第二个

元素的z索引保持为2

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

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

---

以上代码与我在firebug中所做的更改配合得很好。

你说的“剪切”是什么意思？背景图像被裁剪了吗？还是看不见？你可以添加你的bug的截图，这样就很容易理解你想要说什么了吗？图像在视觉上被裁剪了，但实际上并没有被真正裁剪。如果在css中隐藏/显示背景图像，它将完全显示。此外，当您选择文本并向上移动时，您将看到更多图像。添加了一个屏幕截图，无法通过stackoverflow上传。感谢您的努力！我会尽快实施，然后再回复你。