Предварительная загрузка изображения CSS - PullRequest
Новая
       10

Предварительная загрузка изображения CSS

1 голос
/ 20 января 2010

У меня проблема с предварительно загруженным изображением в Firefox. На (webkit) Chrome / Safari все выглядит отлично.

Давайте посмотрим.

У меня есть :hover загрузить изображение файл css: 

.zz{background:url(../img/guzik_01_ofirmie_PL_A.png) no-repeat; height: 1px; width: 1px; position:absolute; } 

li#ofirmie{background:url(../img/guzik_01_ofirmie_PL_B.png) no-repeat; height: 44px; width: 108px; position: absolute; z-index: 1000;}

ul.menu li#ofirmie:hover {background:url(../img/guzik_01_ofirmie_PL_A.png) no-repeat; height: 44px; width: 108px; position:absolute;}

и HTML 

<div class="zz"></div>

<li id="ofirmie" ></li>

Почему Firefox не загружает изображение из кэша, а не с сервера?

Как я могу это исправить?

Ответы [ 2 ]

3 голосов
/ 20 января 2010

Пока это возможно, не используйте два изображения. Используйте CSS Sprites технику. Тогда вы просто оперируете свойством background-position вместо разных изображений.

1 голос
/ 22 января 2010

Или вы можете попробовать использовать функцию jQuery preloadCssImages, это обеспечит загрузку ваших изображений в кеш перед отображением и тем самым сделает вашу страницу намного более плавной;

http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

...