导航下降与圆角问题

Question

我参与了以下导航下拉here。

它有效且几乎完成，但我有一个问题。当鼠标悬停在导航标题上时，文本会从颜色变为黑色，然后显示下拉列表。这就是它应该如何工作，但是当您移动鼠标在下拉列表中输入导航标题时，黑色文本（活动图像）会返回到颜色并且不会保持黑色。

当下拉列表处于活动状态并且用户正在浏览以保持文本（活动图像）为黑色时，是否有任何建议？

Answer 1

理想情况下，您将使用文本而不是图像作为菜单项。然后，您可以非常轻松地使用CSS来控制悬停在<li>上的文本颜色，而无需任何JavaScript。

按照你现在的方式（带图像），我相信通过将你的onmouseover和onmouseout从<a>移动到它上面的<li>仍然可以。可能需要对脚本进行一些调整才能实现，但希望你能得到这样的概念：检测悬停在整个列表项（及其内容）上，而不仅仅是在该列表项中的锚标记上。

Answer 2

如何将菜单项及其下拉放入容器（可能是div）中，扩展到包含下拉菜单，然后使用CSS选择器，包括：悬停在该容器上，向下钻取到项目文本。只要它们仍然在菜单或其下拉列表中，它仍应被悬停选择器覆盖。

Answer 3

当鼠标悬停＆lt; li＆gt;时，您可以使用CSS ot JS来更改标题的颜色。它包含标题而不是它悬停标题本身。