最近在Chrome浏览器中出现了一个非常奇怪的问题,就是当您第一次加载页面或使用无痕模式时,没有任何背景图片显示。但是,当您按下F5刷新页面后,所有背景图片都会加载。
当您检查CSS时,在CSS面板中显示图像URL,但是当您将鼠标悬停在URL上时,不会显示工具提示以预览图像。
即使在下载资源时也没有任何提及背景图片的内容。
然后您刷新页面,它就正常运行了,CSS URL的工具提示甚至显示了预览。
这个错误只是偶尔在第一次加载时随机发生,无法保证重现此错误。
值得注意的是,如果您在Chrome浏览器中取消选中并重新选中background-image属性,它将下载并显示图像。
我有一段解决此问题的jQuery代码,但您可以看到它并不是很优雅!
当您检查CSS时,在CSS面板中显示图像URL,但是当您将鼠标悬停在URL上时,不会显示工具提示以预览图像。
即使在下载资源时也没有任何提及背景图片的内容。
然后您刷新页面,它就正常运行了,CSS URL的工具提示甚至显示了预览。
这个错误只是偶尔在第一次加载时随机发生,无法保证重现此错误。
值得注意的是,如果您在Chrome浏览器中取消选中并重新选中background-image属性,它将下载并显示图像。
我有一段解决此问题的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
Ctrl+Shift+Delete
清除缓存。 - Libin