CSS：1つの画像ファイルに通常画像とホバーバックグラウンド画像があります。

良い日に、HTMLページに幅と高さが固定されたDIVがあります。通常の状態では、イメージAを背景に表示し、ホバー状態ではイメージBを表示する必要があります。CSSと2つのイメージファイルAとBを使用してそれを行う方法を知っています。どこか2つのイメージ（AとB）単一の画像ファイルを作成し、何らかの形でCSSを書いて、DIVが画像の上半分を背景に表示し、ホバー状態で画像の下半分を表示するようにしました。これを達成するためにCSSコードを教えてください。 DIVの位置は設定されていませんが、相対位置のDIVの子です。前もって感謝します。CSS：1つの画像ファイルに通常画像とホバーバックグラウンド画像があります。

Vojtech

出典

2012-04-12 Vojtech

これは、CSSのspritingと呼ばれ、誰もが使うべき素晴らしい技術です。

概要を確認するには、this answerを参照してください。それは、定義された高さと幅を持つDOM要素を持ち、その領域よりも大きな背景画像を使用することです。次に、その背景画像の一部だけを選択して表示することができますbackground-position

出典

2012-04-12 21:05:10 idrumgood

これは私が探していたものです。どうもありがとう！ – Vojtech

あなたの質問に答えたと思われる場合は、それを合格とマークしてください。 – idrumgood

CSS：1つの画像ファイルに通常画像とホバーバックグラウンド画像があります。

答えて

関連する問題