Html 有时我的网站的背景JPEG没有完全加载。刷新不会重新下载。我能做些什么来防止这种情况？

我在Heroku上主持这个网站。图像停止加载约2/3，背景色显示通过。这种情况已经发生在我身上好几次了。刷新页面不会让它消失。唯一的解决办法是清除缓存。我显然不希望我的用户这样做。以前有没有人见过这种情况和/或知道如何避免这种情况？我最近在OSXChrome上看到过这个，不记得我是否在其他浏览器上看到过。这是我的CSS

body {
  background: #789cb5 url('/images/login_bg.jpg') center center fixed no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

---

最好使用jQuery来实现这一点。您每次都会得到稳定的结果，而且它与背景大小不同，具有跨浏览器兼容性。我们使用IMG标签将其作为背景，它将自动调整大小以适应窗口大小

function bg() {
    var ww = $(window).width(),
        wh = $(window).height(),
        $bg = $('#bg');
    $bg.height(wh).width(ww);
}
bg();
$(window).resize(function() {
    bg();
})

---

检查处的工作示例每次都能动态地向图像URL添加参数吗>

 background: #789cb5 url('/images/login_bg.jpg?12345')

---

不记得我是否在其他浏览器中见过它-请检查！这种情况极为罕见——我可能每天有近1000次浏览量，我最多一天浏览一次。你知道这件事的真相了吗？另请参阅关于背景大小属性，因为这些前缀不是必需的。这是一个非常大的图像文件…这不会导致每次都重新下载吗？我认为问题在于HTTP和缓存，而不是渲染。否则清除我的缓存不会解决问题。事实上，背景大小除了IE8之外，甚至不需要前缀，除非你想支持Android 2.3的webkit浏览器。