CSS悬停菜单问题

Question

我的CSS悬停菜单有问题。

它完全正常并且在正确的位置弹出，但是当我尝试进入弹出菜单中的一个选项时，它会消失，对于我的生活，我无法弄清楚如何阻止它这样做。

当我尝试选择其中一个子菜单选项时，有没有办法阻止菜单消失？

我已经浏览了Stack Overflow（如果我错了就纠正我）并且没有找到这样的东西，但这可能是因为我不知道如何正确地搜索这个问题。

我也尝试过使用jQuery，但我遇到了同样的问题。

你可以看到一个小提琴here，可以完美地显示问题。

感谢。

Answer 1

我希望以下链接可以帮助您

http://jsfiddle.net/j8Ny4/9/

Answer 2

将此添加到您的css：

li.sign {
    width: 80% !important;
}

.navigation ul li {
   width: 115%;
}

Answer 3

给出宽度 - ＆gt; .navigation ul相应

.navigation ul {
padding: 20px 20px 20px 40px;
list-style: none;
    width:300px; // according to your
}

Answer 4

我实际上回答了我自己的问题。

我将一个班级分配给名为.navigation ul li:hover ul的{​​{1}}，另一个班级将.showup的显示设置为无。

然后我运行这个jQuery使它工作

.navigaiton ul li ul

现在效果很好！