background-image问题

Question

为什么css中background-image引入的图片刷新游览器会跳动一下？不管图片大小！页面内容多少只要刷新就这个背景图闪一下！

Answer 1

我自己试着刷新一下，没什么问题，可以贴代码吗？

Answer 2

刷新浏览器尤其是ctrl+f5强制刷新的，页面都重新请求了，图片当然会重载，不同浏览器表现不同，我这边safari刷新就会重新加载，而chrome刷新不会重新加载，利用了缓存

Answer 3

因为浏览器在渲染背景图片时，可能会引起dom tree 的重绘。不同的浏览器缓存机制会不同吧。

Answer 4

可能原因：
1，图片太大
2，网速太差
3，机器性能太差（这个可能性比较小）
4，代码写的太烂，没有做好资源加载和代码优化等

Answer 5

有可能是加载时候渲染时候出现的 也有可能更浏览器有关

Answer 6

因为元素渲染的速度远比图片快吧