LI菜单与LI元素之间的空间 - 这怎么工作？

Question

我正在尝试制作菜单，li元素之间有空格。 所以我正面临着这个问题。 当用户在某些空间中时，将调度onmouseout。

我找到了这个菜单：

http://motion-twin.com/

链接“我们的游戏”在菜单和子菜单之间有一个空格。 如果我将鼠标放在“我们游戏”链接的空间和子菜单之间，则没有任何反应。 如何才能做到这一点？

谢谢

Answer 1

我怀疑你需要使用填充或行高与边距。 我会用这样的东西开始： http ： //www.htmldog.com/articles/suckerfish/dropdowns/

Answer 2

您可以尝试在菜单包装器的背景中设置透明的gif。

Answer 3

你应该在li元素上使用margin-left或margin-right ...

Answer 4

可能有更好的方法来解决这个问题，但是当我遇到这个问题时，我会用两种方法解决它，具体取决于限制：

1）关闭菜单的事件，将其更改为mouseout而不是LI元素。

要么

2）当LI mouseout事件触发时，将其置于超时tClosing = setTimeout('fncClose', 1000); ，以及LI mousein事件，只需clearTimeout(tClosing); 。 这样做会延迟关闭一秒钟。 这也有一些用户体验的好处，用户有时喜欢它，因为菜单不会快速崩溃; 对多层菜单很有用