2011-09-01 69 views
3

我試圖使菜單的工作,使菜單仍然處於懸停狀態時,它的子菜單/子菜單中選擇:如何使CSS菜單留在懸停狀態的父對象時,孩子們都徘徊在

看到這裏的例子:http://cssdesk.com/5vJP6

如果任何人都可以解釋什麼需要添加到CSS,使這項工作將是偉大的。我不想使用任何外部JavaScript來實現這一點!

我看了一下幾個在這裏類似的問題,但沒有他們的答案的工作對我來說

感謝

+0

我把類(top_parent)的列表項,而不是鏈接 – kalpaitch

+0

@卡爾帕奇奇 - 你可以擴展嗎? (或粘貼在某個地方?) – falter

+0

檢查http://www.cssplay.co.uk/ –

回答

3

我加了這一點:

#menuh ul li:hover a {color: black !important; border-bottom: 1px dashed #C1D9F0 !important; } 
#menuh ul li:hover li a {color: #505050 !important;} 
#menuh ul li:hover li a:hover {color: #297BB6 !important; } 

從而解決了我的問題:-)

+1

您也可以使用'#menuh> ul> li:懸停a',但IE6不支持。 – RoToRa

2

li元素而不是鏈接定義:hover,例如:

#menuh li:hover A 
{ 
} 

(DITO所有a:hover S)

但是這不會工作在IE6。你需要在那裏有JavaScript解決方案。

+0

感謝這有助於 - 但它似乎已經接管了每個列表項的懸停樣式(它們在添加第113-120行之前曾經有藍色背景) - 我將如何去使它們再次變得不同? – falter

0

這是超級有幫助!這裏是我結束了使用,以確保背景和我的主要資產淨值的字體顏色並沒有覆蓋子導航

#nav ul li:hover a {background-color: #353535; color: #A98C0C;} 
#nav ul li:hover li a {background:none; color: #aaa; } 
#nav ul li:hover li a:hover {background:none; color: #fff; } 
相關問題