Firefox перезагружает фоновое изображение для каждого класса?

Question

Если у меня есть страница с 50 элементами div, с 50 отдельными классами css, и у каждого класса css есть строка:

background:#000 url(curve_red/circle.png) no-repeat 0 0;

Затем Firefox (3.5) сделает 50 HTTP-запросов на один и тот же файл (проверено с помощью firebug).

Однако IE увидит это повторение и не будет пытаться повторно загрузить файл после каждого запроса (проверено с помощью fiddler).

Это ошибка или кто-нибудь может подсказать, почему Firefox делает это?

Answer 1

Просто предположение, но не могли бы вы попытаться поместить свойство background всего в 1 класс CSS вместо 50?Это, по крайней мере, избавит вас от повторения в вашем css и может объяснить, почему FF не делает только 1 запрос.

Конечно, вы можете добавить несколько классов в свои div, чтобы они могли сохранять другие отдельные стили, например

.myBackground { background:#000 url(curve_red/circle.png) no-repeat 0 0; }
.class1 { color: blue; }
.class2 { color: red; }

, а затем в вашем html:

<div class="class1 myBackground">blue div</div>
<div class="class2 myBackground">red div</div>

Answer 2

Вы по какой-то причине отключили кеширование? Это могло произойти либо через расширение (вы никогда не знали), либо путем перезагрузки страницы, используя комбинацию клавиш, например CTRL-F5 или CTRL-SHIFT-R, а не просто F5 или CTRL-R. Кроме того, я не смог восстановить это поведение. Я думаю, вы можете сказать, что в Firefox 3.5 это не ошибка.

Вы также можете проверить проблему с новым профилем (перезапустите Firefox с помощью переключателя командной строки -P, чтобы получить доступ к диспетчеру профилей).