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导航问题

回答

相关问题