活动链接wordpress

我正在为一个客户的wordpress网站工作。我有导航工作，当他们将鼠标悬停在导航上时，他们将获得绿色背景。对于每个链接导航项目都是如此。活动链接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。我尝试过，但没有奏效。

我需要一些建议/帮助，以获得活动链接（背景）的工作。

来源

2013-02-08 Quinox

'：active'是你在想不是这个意思。阅读：https：//developer.mozilla.org/en-US/docs/CSS/：active。如果您点击并按住链接，基本处于活动状态。记得IE5/6当链接闪过红色？红色通过'：active'激活。你需要以某种方式捕获网址，将其与菜单链接进行比较并向其添加新类 – 2013-02-08 20:06:34

@Ryan。这就是我试图做的与我的第一篇文章中添加的链接。这没有奏效，我想是因为wp_nav_menu？ – Quinox 2013-02-08 20:25:27

请更正背景背景颜色在你的CSS代码：

#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-08 20:06:13 Hamza

感谢您的更正。 – Quinox 2013-02-08 20:23:51

活动链接wordpress

回答

相关问题