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で私にとって起こっていることです。何かご意見は?
低速接続では、最初のホバーに2〜2時間かかることがあります。これを避けるために、ホバーイメージをあらかじめロードする必要があります:http://perishablepress.com/press/2009/12/28/3-ways-preload-images-css-javascript-ajax/ – abraham
スプライトイメージ。 –
はい、ロールオーバー用のスプライトを使用してください。* 2012 *です。 – Marty