2012-02-11 64 views
4

Google Chromeで問題が発生しています。私はホバー上のbackground:url();プロパティのみを変更するために、display:block;リンク上の簡単なホバー状態を使用しています。ホバーの後にCSSの背景画像が消える

Google Chromeは実際のホバー変更を確認できますが、マウスを外に出すと背景が透明になり/消えます。

#branding #logo a { 
width: 259px; 
height: 201px; 
border:none; 
display: block; 
background:url(images/logo.png) top left; 
} 
#branding #logo a:hover { 
background:url(images/logo_hover.png) top left; 
} 

実際のサイトはここにある:http://beerblestudy.org

は、ここに私のCSSです。これもまたChromeで私にとって起こっていることです。何かご意見は?

+0

低速接続では、最初のホバーに2〜2時間かかることがあります。これを避けるために、ホバーイメージをあらかじめロードする必要があります:http://perishablepress.com/press/2009/12/28/3-ways-preload-images-css-javascript-ajax/ – abraham

+2

スプライトイメージ。 –

+0

はい、ロールオーバー用のスプライトを使用してください。* 2012 *です。 – Marty

答えて

0

すべてのブラウザで動作しています。キャッシュが正常に機能しているため、キャッシュを削除してみてください。彼らが必要でないので、top leftという行を削除するようお勧めします。

+0

ええと、私はキャッシュを何度もクリアしましたが、まだ消えています。私はまた、可能な解決策として「左上」を追加しようとしました。考えを指定するとChromeを助けるかもしれません。私はそれがあなたのために現れていると思います、そして、私はそれで大丈夫です、ハハ。ご協力いただきありがとうございます。 – dmoz

+0

それでは、あなたのクロムnavigatio ndataをリセットして、すべてのものを削除してください。それは私のためにうまく働いているからです。 – Luis

+0

それはChromeでも消えています。 – abraham

0

あなたの背景はここでもクロムで消えています。

私はここでも「私も」ではないはずですが、これは奇妙で、私がここに来たのは、私が最近作ったサイトで同じ問題が発生したことです:http://macvillain.com -

私は、ほとんどのブラウザ(ie6または7ではなく、私はそれらを追放しました)で徹底的にテストし、今日まで過去2週間はクロムで正常でした。時々キャッシュをクリアするなどしばらくの間、それは戻ってきます。私が持っていた "クロムは、厳密に使用するHTML5検証HTMLコードhttp://validator.w3.org/。"

:こんにちは、私は言ったGoogle Chromeのフォーラムで答えを得た

:私は

UPDATE ...それを得ることはありませんこれを忘れてしまって、いくつかの無効なものがありました。私はそれを修正しましたが、今はすべてが上品で素敵です。

同じことをお勧めします。

+0

あまりにも早く話したかもしれません。有効なコードですが、問題は戻っています... – George

0

私は、CSSスタイルシートで指定された画像を自動的にダウンロードするJQueryプラグインを見ました。