Question

我正在为客户提供wordpress网站。我有导航工作，当他们将鼠标悬停在导航上时，他们将获得绿色背景。对于每个链接导航项都是如此。

我还希望所选页面具有相同的背景，因此网站的访问者知道他目前的位置。

到目前为止我所拥有的：

WordPress的：

<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;
}

我在互联网上搜索a post about menu highlighting。我试过了，但没效果。

我需要一些建议/帮助才能使主动链接（后台）正常工作。

Answer 1

请在CSS代码中更正背景颜色为背景颜色：

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

#nav li a:active {
    color:#fff;
    background-color:#69dc37;
}

活动链接wordpress

1 个答案: