CSS导航问题

Question

我的网页现在有两个问题

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

当我将鼠标悬停在管理上时，然后转到其中一个字体颜色变为灰色的子项。

第二，我无法弄清楚如何使用颜色#ffffff使子项目的背景为80％透明。我希望紫色留在主要项目中，直到你离开它。

任何人都可以帮助我吗？

Answer 1

[jsfiddle update]

1）使用适当的CSS选择器管理它：

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

意思是：“选择剩余的li.border的直接a子项（这是菜单标题），并选择ul.sub-level下悬停的所有a元素

2）我不确定我是否理解你想要的东西 - 我的更新是否适合您的需求？我添加了一些透明度，我还添加了-moz-opacity: 0.6;以实现跨浏览器兼容性。

Answer 2

第一个与您的悬停有关。当您将鼠标悬停在该项目上时，其文字会变为白色。然后你将鼠标悬停在子项目上，而不是在项目本身上方，所以显然它会变回灰色的“默认”颜色。您可以使用javascript修复此问题，方法是将onmouseover =“”添加到项目和子项目所在的整个边框，并让javascript将颜色设置为白色而不是仅使用CSS。不确定这是否只能用CSS。

第二个我觉得我有个主意。我不认为可能只是让背景透明，但只是给子项的div为IE的不透明度为.8或80，并为不透明度设置为100的文本创建一个div。

希望有帮助吗？