使用css正确显示子菜单

时间:2016-04-03 02:03:14

标签: css

我现在试了几个小时来弄清楚为什么当我将鼠标悬停在父菜单上时子菜单会消失。

现场演示:http://topforexbroker.net/kafi/

我可以从子菜单类中删除margin-top并轻松修复,但是子菜单顶部的边框1px消失了:)

非常感谢任何建议或提示。

证明问题:https://gyazo.com/5387a96e4c86f4fb1cbef9aa8715ed71

谢谢!

3 个答案:

答案 0 :(得分:1)

我终于成功地解决了这个问题,正如我在第一篇文章中所说的这个边距..我在子菜单类和主菜单上更改了一些,现在它可以正常工作。

答案 1 :(得分:0)

你的CSS没有问题。我通常在隐藏子菜单之前添加200ms的超时以避免这种情况。

答案 2 :(得分:0)

此功能与您的jQuery脚本有关,而不是CSS问题。我假设有某种事件监听器可能

.mouseleave()

具有隐藏子菜单的功能。改变这一点,这种行为就会消失。

https://api.jquery.com/mouseleave/