我試圖使菜單的工作,使菜單仍然處於懸停狀態時,它的子菜單/子菜單中選擇:如何使CSS菜單留在懸停狀態的父對象時,孩子們都徘徊在
看到這裏的例子:http://cssdesk.com/5vJP6
如果任何人都可以解釋什麼需要添加到CSS,使這項工作將是偉大的。我不想使用任何外部JavaScript來實現這一點!
我看了一下幾個在這裏類似的問題,但沒有他們的答案的工作對我來說
感謝
我試圖使菜單的工作,使菜單仍然處於懸停狀態時,它的子菜單/子菜單中選擇:如何使CSS菜單留在懸停狀態的父對象時,孩子們都徘徊在
看到這裏的例子:http://cssdesk.com/5vJP6
如果任何人都可以解釋什麼需要添加到CSS,使這項工作將是偉大的。我不想使用任何外部JavaScript來實現這一點!
我看了一下幾個在這裏類似的問題,但沒有他們的答案的工作對我來說
感謝
我加了這一點:
#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; }
從而解決了我的問題:-)
您也可以使用'#menuh> ul> li:懸停a',但IE6不支持。 – RoToRa
的li
元素而不是鏈接定義:hover
,例如:
#menuh li:hover A
{
}
(DITO所有a:hover
S)
但是這不會工作在IE6。你需要在那裏有JavaScript解決方案。
感謝這有助於 - 但它似乎已經接管了每個列表項的懸停樣式(它們在添加第113-120行之前曾經有藍色背景) - 我將如何去使它們再次變得不同? – falter
這是超級有幫助!這裏是我結束了使用,以確保背景和我的主要資產淨值的字體顏色並沒有覆蓋子導航
#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; }
我把類(top_parent)的列表項,而不是鏈接 – kalpaitch
@卡爾帕奇奇 - 你可以擴展嗎? (或粘貼在某個地方?) – falter
檢查http://www.cssplay.co.uk/ –