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元素。

OR

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