0

私はクライアント向けのワードプレスサイトに取り組んでいます。ナビゲーションが機能しており、ナビゲーションの上にカーソルを置くと、緑色の背景が表示されます。これは、各リンク ナビゲーション アイテムに当てはまります。

選択したページの背景も同じにしたいので、サイトの訪問者は自分が現在どこにいるかを知ることができます。

私がこれまでに持っているもの：

ワードプレス:

<div id="nav">  
   <?php wp_nav_menu ( array ('theme_location' => 'header-nav','container' => false)); ?>
</div>

CSS:

#nav {
    /*float:right;*/
    float:left;
    height:6em;
    /*width:560px;*/
    /*width:612px;*/
    width:710px;
    /*background:#525252;*/
}

#nav ul {
    list-style:none;
}
#nav li a{
    width:80px;
    text-align:center;
}
#nav li a {
    text-decoration:none;
    float:left;
    padding:3.4em 0.4em 0 0;
    position:relative;
    right:-1em;
    /*left:6em;*/
    color:#fff;
    height:2.1em;
}
#nav li a:hover{
    color:#333;
    /*background:#60b5b2;*/
    background:#69dc37;
    font-weight:bold;
}
#nav li a:active {
    color:#fff;
    background:#69dc37;
}

インターネットを検索していて、メニューの強調表示に関する投稿を見つけました。私はそれを試しましたが、うまくいきませんでした。

アクティブリンク（バックグラウンド）を機能させるには、これに関するアドバイス/ヘルプが必要です。

4

1 に答える 1

0

CSS コードで background-color に background を修正してください:

#nav li a:hover{
    color:#333;
    /*background:#60b5b2;*/
    background-color:#69dc37;
    font-weight:bold;
}

#nav li a:active {
    color:#fff;
    background-color:#69dc37;
}
于 2013-02-08T20:06:13.743 に答える