CSS導航問題

我有兩個問題，我的網頁現在CSS導航問題

http://jsfiddle.net/aE2BB/1/

月1日，當我將鼠標懸停在管理，然後再往子項的字體顏色變成灰色之一。

第二我不能弄清楚如何使用顏色#ffffff將子項的背景設置爲80％透明。我希望紫色留在主要物品中，直到你離開它。

任何人都可以幫我嗎？

來源

2011-08-28 iPhoneDev85

[jsfiddle update]

1）管理該使用適當的CSS選擇：

#navigation li.border:hover > a, 
#navigation ul.sub-level a:hover { 
    text-decoration:none; 
    color: #fff; 
}

的意思是：「當鼠標懸停（這是菜單標題）選擇直接a孩子li.border的並且還選擇所有a元素在ulsub級別下懸停結束

2）我不確定我是否正確理解您的要求 - 我的更新是否適合您的需求？我添加了一些透明rency，我還爲跨瀏覽器兼容性添加了-moz-opacity: 0.6;。

來源

2011-08-28 15:57:55 emboss

謝謝！至於第二個，我不希望它是透明的紫色，我想成爲透明的白色（#ffffff）。 – iPhoneDev85

好吧，原理是一樣的 - 在你的CSS中添加一個更具體的規則，只選擇子級別'li's並向其添加'background-color：white' – emboss

第一個與你的懸停有關。當你將鼠標懸停在項目上時，它的文本變成白色。然後，您將鼠標懸停在子項目上方，而不是在項目本身上，因此顯然它會回到其默認顏色灰色。你可以用javascript來解決這個問題，在項目和子項目所屬的整個邊框上添加一個onmouseover =「」，並讓javascript將顏色設置爲白色而不是隻設置CSS。不知道這是可能的只有CSS。

第二個我認爲我有一個想法。我不認爲它可能只是使背景透明，但只是讓子項的div爲.8或80的不透明度，併爲不透明度設置爲100的文本創建div。

希望有幫助嗎？

來源

2011-08-28 15:40:42 Gerard

CSS導航問題

回答

相關問題