Изображения запрашиваются несколько раз из CSS - PullRequest
Новая
       17

Изображения запрашиваются несколько раз из CSS

1 голос
/ 24 сентября 2011

Есть идеи, что заставит таблицы стилей загружать изображения несколько раз? Изображения имеют одинаковый URL, ничего особенного.

РЕДАКТИРОВАТЬ: происходит только в Safari (5.0.3) как в «режиме» iPhone, так и в «режиме» по умолчанию - я не могу воспроизвести проблему в FF или IE.

Apache_access_log говорит, что к образу действительно обращаются несколько раз.

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

Я также попытался сделать изображение значительно меньше, чтобы увидеть, не является ли это проблемой с кешем. Ничего не изменилось.

1 Ответ

0 голосов
/ 26 сентября 2011

Не уверен, что происходит с Safari, но очевидно:

Если правила CSS, которые ссылаются на один и тот же спрайт-лист, не сгруппированы вместе, он будет запрашивать изображение более одного раза.(Хотя не полное количество раз, когда появляется вызов). 

#divOne, #divTwo, #divThree {
    background-image: url('IMGURLHERE');
}

Это будет запрашивать изображение один раз. 

#divOne {
    background-image: url('IMGURLHERE');
}

#divTwo {
    background-image: url('IMGURLHERE');
}

Это будет запрашивать изображение дважды.

Не знаю, почему это происходит.

...