0

こんにちは、HTMLページに固定の幅と高さのDIVがあります。通常の状態では背景に画像Aが表示され、ホバー状態では画像Bが表示されます。CSSと2つの画像ファイルAとBを使用してそれを行う方法を知っています。どこかにこれら2つの画像(AとB)が挿入されているのを見ました単一の画像ファイルとその後、彼らはどういうわけかCSSを書き込んだので、通常の状態ではDIVは背景に画像の上半分を表示し、ホバー状態では画像の下半分を表示しました。これを実現するためにCSSコードにアドバイスをいただけますか?DIVには位置が設定されていませんが、相対位置を持つDIVの子です。前もって感謝します。

Vojtech

4

1 に答える 1

2

これはCSSスピリットと呼ばれ、誰もが使用する必要のある素晴らしい手法です。

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

于 2012-04-12T21:05:10.643 に答える