Иногда фоновый файл JPEG моего сайта загружается не полностью. Обновление не перезагружается. Что я могу сделать, чтобы предотвратить это?

Question

Я размещаю сайт на Heroku. Изображение перестает загружаться примерно на 2/3 пути вниз, и цвет фона просвечивает. Это случилось со мной несколько раз. Обновление страницы не убирает ее. Единственное решение - очистить мой кеш. Я, очевидно, не ожидал бы, что мои пользователи сделают это. Кто-нибудь видел это раньше и / или знает, как этого избежать? Я видел это в OS X Chrome совсем недавно, не помню, видел ли я это в других браузерах. Вот мой 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;
}

Answer 1

Можете ли вы динамически добавлять параметр в URL изображения каждый раз>

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

Answer 2

Лучше всего сделать это с помощью jQuery. Вы будете получать стабильные результаты каждый раз, и он совместим с различными браузерами, в отличие от background-size Мы используем тег IMG, чтобы сделать его фоновым, он автоматически изменит размер в соответствии с размером окна. .

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

Проверьте рабочий пример на http://jsfiddle.net/njC4d/2/