javascript - 全宽背景图片出现奇怪的 CSS 问题

Question

我有一个单页网站，每个部分都有全 Angular 背景图片，在内容滚动时保持固定位置。有时当页面加载时，背景图像加载非常奇怪(我什至无法解释他们在做什么，请参见屏幕截图:http://bryanzwicker.com/imgs/bg-screenshot1.jpg)

这只会偶尔发生一次(大约每 10 次刷新一次)并且主要发生在 Chrome 上。我通过编写一个简单的 js 脚本来降低频率，该脚本在加载 bg 图像时向下滚动然后回到页面顶部，并且当有人在页面加载时(强烈)滚动时，它似乎更经常发生。

这是一个如此奇怪的问题，我什至不知道从哪里开始看。有什么建议么？我对任何非常“黑客”的东西持开放态度。

网址:http://nasimandnima.com/

非常感谢任何帮助，我很难过!谢谢!

Answer 1

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