Javascript 全幅背景图像上奇怪的CSS问题

我有一个一页的网站，每个部分都有全宽的背景图片，当内容滚动时，这些图片保持着固定的位置。有时当页面加载时，背景图像加载得非常奇怪（我甚至无法解释它们在做什么，请参见屏幕截图：）

这只会偶尔发生一次（大约每10次刷新一次），主要发生在Chrome上。我写了一个简单的js脚本，在加载bg图像时向下滚动，然后返回页面顶部，从而降低了下载的频率，而且当有人在加载页面时滚动（剧烈）时，这种情况似乎更频繁

这是一个如此奇怪的问题，我甚至不知道从哪里开始寻找。有什么建议吗？我愿意接受任何非常“黑客”式的东西

网址：

---

非常感谢您的帮助，我很难堪！谢谢

很可能只是浏览器性能问题。一种可能的缓解方法是使用较低质量的背景图像——如果是.jpg图像，请尝试较低的压缩设置。

。这没有帮助，但我怀疑你可能仍然是对的，因为这个页面的大小几乎是15MB（而且这个客户端拒绝使用任何低分辨率的照片）。谢谢你的帮助