jquery - Suckerfish CSS 菜单之子 - 顶级菜单在子菜单悬停时保持活动状态

Question

当我将鼠标悬停在菜单项子菜单上时，我正在寻找一种方法来保持顶级菜单项处于悬停或活动状态。

可以在这里找到一个示例：http ://marketplace.prettypollution.com - 将鼠标悬停在“新闻”菜单项上（BG 将变暗）然后导航到子菜单以显示 -“新闻”项将变回正常状态.

Answer 1

你已经得到了这样的声明：

#nav_398484 li#menu-news a:hover {
  background: url( http://blah );
}

只需添加另一个以覆盖整个 li 标签：

#nav_398484 li#menu-news:hover {
  background: url( http://blah );
}

这在 IE6 中不起作用，但实际上，什么起作用？

如果您将共享类分配给那些顶级菜单 li 标签，而不是将所有 css 定位到它们的 id，您将有更少的声明来跟踪。