活動鏈接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

回答

相關問題