css - 流動的なナビゲーションの背景ホバー

Question

これを説明する方法はよくわかりませんが、基本的にはナビゲーションバーに「流動的な」背景画像が必要です。下の画像で説明しようと思います。

誰かがこれを行う方法を知っていますか？すべてのナビゲーションオプションの同じ画像を使用して、ページの読み込み時間を短縮したいと思います。これが私の現在のページです（私がそこで起こりたくないことの例でもあります）よろしくお願いします！

Answer 1

CSS3でそれを行う方法の簡単なフィドル

http://jsfiddle.net/Sn3p2/

Answer 2

背景画像でやりたいことを行うには、画像を作成する必要があります。1つはLI要素の背景として、もう1つはLI内のAタグの背景として使用します。

Aタグ内の背景画像は比較的薄く、Aタグの右側に配置されます。

お役に立てば幸いです。