CSS 背景图像未加载

我最近在 Chrome 中遇到了一个非常奇怪的错误，那就是当您第一次加载页面时，或者在隐身模式下，没有任何背景图像显示。

当您 F5 页面时，背景图像全部加载。

当您检查 css 时，它会在 css 面板中显示图像 url，但是当您将鼠标悬停在 url 上时，它不会显示带有图像预览的工具提示。

当您检查下载的资源时，甚至没有提到背景图像下载。

然后刷新页面，它工作正常，CSS url 的工具提示甚至显示预览。

该错误仅在首次加载时偶尔随机发生，无法保证重现此问题。

另外值得注意的是，如果您取消勾选然后重新勾选 Chrome 上的背景图像属性，它就会下载并显示图像。

我有一段 jquery 可以解决这个问题，但正如你所看到的，它并不是很优雅！

$('*').each(function(){
var bg = $(this).css('background-image');
$(this).css('background-image', 'none');
$(this).css('background-image', bg);

});

这种情况发生在多个版本的 Chrome 中的每个 Windows 实例上。

任何想法都会很棒！谢谢你！

你可能会看到它发生在http://ensa.ac.uk

这是视频演示@http://youtu.be/oLTyhk5rXgE

只是要注意。

问题已经解决了。

问题是浏览器最后下载所有 CSS 背景图像。因此，如果您在完成图像下载之前刷新页面，则当页面再次加载时，它将从缓存中加载。但由于图像未完全下载，因此无法正确显示。