JQuery的定位问题

Question

我一直在试图建立与jQuery的菜单面板可以在这里通过点击顶部的预览按钮可以看出：

http://jsbin.com/amexi/edit

问题：

如果你悬停在链接二或链接三，黑色面板来完美取代各自的蓝色链接，但是，如果你盘旋链接一，黑色面板低于该链接。我在那里怎么了？我怎样才能解决这个问题？

谢谢。

Answer 1

您需要考虑自动应用于<ul>元素的边距。

如果您使用Firebug查看您的页面，您会注意到Firefox应用16px的顶部和底部边距。

Answer 2

如上所述，您可以对.left类应用margin-top值-16px以获得您的预期行为。

http://jsbin.com/amexi/3/edit

Answer 3

退房http://jsbin.com/amexi/5/edit

我只是想不通，为什么TOP是所有的弹出窗口相同，但他们全部的实际位置是不同的。没有意义。它几乎就像一个负边缘。

我发现的主要问题是，您没有将弹出窗口移动到链接位置+将其偏移到.top + .height。