2012-03-06 27 views
0

私は画像スプライトを使用しています。すべての画像は1つのmy_images_sprite.pngに保存されます。 の場合Chrome、ページが読み込まれると(すべての画像がロードされて表示されます)、ページ上の画像にマウスを重ねると、画像が再び読み込みを開始します。Chromeで画像をもう一度読み込む方法

EDIT:

<a href="/subscribe" id="download-btn"> 
       <span class="big">Click</span>     
       <span class="icon"></span> 
</a> 

CSS: 
#download-btn { 
display: block; 
width: 192px; 
height: 61px; 
position: relative; 
cursor: pointer; 
text-decoration: none; 
background-image: url(http://localhost:5000/assets/icons-sc0fd629fcc.png); 
background-repeat-x: no-repeat; 
background-repeat-y: no-repeat; 
background-attachment: initial; 
background-position-x: 0px; 
background-position-y: -2082px; 
background-origin: initial; 
background-clip: initial; 
background-color: initial; 
color: #581B89; 
} 

この問題を解決するにはどのように?

Firefoxではすべて正しく動作します。

+2

いくつかのコードを共有すると助けになります。 –

+0

共有したいコードはありますか? – alex

+0

私はコードを追加しました。 – Oksana

答えて

0

私はそれはあなたが別のURLで二回背景画像を設定することとは何かを持っていると思っています:

background: url(/assets/icons-sc0fd629fcc.png) 0 -2082px no-repeat; 
background-image: url(http://localhost:5000/assets/icons-sc0fd629fcc.png); 

background-imageプロパティを削除し、あなたは問題ないはずです!

+0

私は間違いを犯しました、バックグラウンドのない私のCSS:url(/assets/icons-sc0fd629fcc.png)0 -2082px no-repeat ;.私は私の質問でこれを解決しました。 – Oksana

関連する問題