Ошибка фонового изображения CSS в Chrome ⇐ CSS

[Anonymous]

У меня возникла странная ошибка в Chrome, я применяю к элементу следующее правило CSS:

Код: Выделить всё

#element {
background-color: #0E0F10;
background-image: url(images/the_background.jpg);
}

Теперь, когда я впервые открываю новую страницу, содержащую «#element», фоновое изображение не отображается, пока я не обновлю кеш страницы с помощью ctrl+f5.

Я попробовал добавить метатеги Pragma, Expires и Cache-control, но это не имеет никакого значения.
Единственный способ заставить изображение отображаться в первый раз — указать абсолютный URL-адрес следующим образом:

Код: Выделить всё

#element {
background-color: #0E0F10;
background-image: url(http://site.com/images/the_background.jpg);
}

Теперь проблема в том, что я не могу жестко запрограммировать URL-адрес сайта, мне нужно использовать относительный или относительный корневой путь.

Оглядываясь вокруг, я нашел подлый трюк для исправления связанной ошибки в Chrome, который по совпадению также устраняет эту проблему: http://blog.andrewcantino.com/blog/2012 ... fresh-bug/

По сути, когда я открываю страницу в первый раз, все фоновые изображения перезагружаются через JavaScript, и с этого момента все работает нормально.

Однако я хотел бы реализовать более элегантное исправление или найти настоящую причину проблема.

Буду признателен за любой совет.

Подробнее здесь: https://stackoverflow.com/questions/126 ... -in-chrome