1

Firefox にプリロードされた画像に問題があります。(webkit) Chrome/Safari では問題なく表示されます。

見てみましょう。

:hovercssファイルに画像をロードしました：

.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 がサーバーからではなく、キャッシュから画像を読み込まないのはなぜですか?

どうすれば修正できますか？

4

2 に答える 2

3

可能な限り、2 つの画像を使用しないでください。CSS スプライト技術を使用します。次にbackground-position、さまざまな画像ではなく、プロパティを操作するだけです。

于 2010-01-20T19:55:34.343 に答える
1

または、jQuery の preloadCssImages 関数を使用してみてください。これにより、画像が表示される前にキャッシュに読み込まれ、ページがよりスムーズになります。

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

于 2010-01-22T11:21:39.867 に答える