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，您将有更少的声明来跟踪。