javascript - 悬停时带有向下箭头的菜单

Question

在这里得到一些帮助后，我的导航栏中有另一个问题我有一个带有子菜单项的导航栏，并且该导航栏的样式在悬停时有一个向下箭头，但是当鼠标离开菜单时，背景失去了悬停效果，需要当鼠标移动到子菜单时让它悬停，我搜索另一个这样的问题，但没有一个问题有这样的带有向下箭头的菜单。

见下图：

我该怎么做？

我尝试使用 jquery 在悬停时显示菜单但不起作用，菜单链接失去了悬停效果

Answer 1

如果您有一个结构如下的菜单：

<ul>
  <li><a href="#">Item1</a></li>
  <li><a href="#">Item2</a></li>
  <li><a href="#">Item3</a></li>
  <li>
    <a href="#">Item4</a>
    <ul>
      <li>Subitem</li>
    </ul>
  </li>
</u>

当鼠标在子菜单上时，您需要将:hover效果放在li--->li:hover而不是a标签中以保持效果。

查看此演示http://jsfiddle.net/Wrnex/13/