CSS导航问题

Question

我的主页现在有两个问题

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

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

第二，我不知道如何使用颜色 #ffffff 让子项目的背景变得透明 80%。我希望紫色保留在主要物品中，直到你离开它为止。

有人可以帮我吗？

Answer 1

[jsfiddle 更新]

1) 使用适当的 CSS 选择器管理此操作：

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

含义是：“选择立即 <悬停在 li.border 的 code>a 子级（即菜单标题）上，并选择悬停在 ul.sub-level 下的所有 a 元素

2) 我是。不确定我正确理解您想要的内容 - 我的更新满足您的需求吗？我添加了一些透明度，并且还添加了 -moz-opacity: 0.6; 以实现跨浏览器兼容性。

Answer 2

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

第二个我想我有一个想法。我认为不可能只使背景透明，而只需为 IE 的子项目的 div 设置 0.8 或 80 的不透明度，并为文本创建一个 div，将不透明度设置为 100。

希望有帮助？