1

リンク付きのナビゲーションバーがあるとしましょう：

           <div class="navbar-inner navlinks">
                <ul class="nav">
                    <li><a class="brand" href="#"><img src="img/logo.png" /></a></li>
                    <li> <a href="#">Accueil</a></li>
                    <li> <a href="#">Ouvrez</a></li>
                    <li> <a href="#">Decouvrir</a></li>
                </ul>
            </div>

これはTwitterBootstrapsを使用して作成されるため、リンクはナビゲーションバーコンテナー内に配置され、通常のナビゲーションバーに見られるように、すべてブロック要素として左にフロートされます。navlinks私のクラスで定義されているように、ナビゲーションバー全体の背景色は青です。リンクのテキストよりもかなり高い高さです。

私が欲しいのは、リンクにカーソルを合わせると、リンクが「領域」全体の背景色を変更することです。現在、ホバーオプションを追加して背景色を変更すると、リンクがあるテキストの背景領域のみが変更されますが、ほとんど目立ちません。次のリンクの前のテキストの上、下、および右側のスペースの色も変更したいと思います。Twitterがこれをブロック要素として扱うことでそれができると思いましたが、うまくいかないようです。

4

2 に答える 2

1

あなたが本当に何を求めているのかわかりませんが、アンカーにホバーを追加する場合は、a:hoverリンク上のホバーを使用する必要があるかもしれませんli:hover{}

于 2013-02-22T17:10:14.880 に答える
1

または、「li」の代わりに「a」タグにパディングを追加し、通常の#menu a：hoverを使用して、ナビゲーションの高さを定義できます。

于 2013-02-22T17:34:09.497 に答える