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

[Anonymous]

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

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

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

Теперь в первый раз, когда я открываю новую страницу, содержащую «#Element», фоновое изображение не отображается, пока я не обновлю кэш страницы с помощью Ctrl+F5. < / p>

Я попытался добавить метагильные прагма, истекающие сроки и контроль кэша, и это не имеет никакого значения.
единственный способ сделать изображение показывать на В первый раз - поместить абсолютный URL таким образом: < /p>

#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