html - ナビゲーションバーにPSDまたはエクスポートされたjpgを使用する

Question

ナビゲーションバーとして使用する予定の見栄えの良い写真を作成したとしましょう。jpgとしてエクスポートしましたが、実際のナビゲーションバーを作成する必要があります。私はもともと画像マッピングを考えていましたが、それは古代のようで、ドロップダウンメニューをサポートしていません。グーグルで検索しても答えが見つかりませんでした。1枚の写真をナビゲーションバーとして使用するにはどうすればよいですか？前もって感謝します

Answer 1

CSSスプライトの手法を使用できます; background-imageメニューの見出しと同様にすばらしい画像を設定background-positionし、各見出しの画像の適切な部分を表示するために使用します。

これをピクセルパーフェクトにするには、ある程度の実験と忍耐が必要になる場合があります。