jQuery 在位置 : relative 失去悬停

Question

我使用 jQuery 设计了一个下拉滑动菜单。在一页上我添加了

position: relative  
top: -18px

对于一些div元素，它们在被滑下的ul的顶部。在菜单中移动鼠标时，当我与这些元素相交时，jquery 开始向上滑动菜单(似乎在通过 ul 移动时我跳到了顶部的 div，所以这是正确的)。我当然不想要这样的效果。我尝试添加 z-index，但没有成功。

http://jsfiddle.net/2WHVT/ (我在日期标签上添加了黑色边框，这会破坏菜单)。抱歉颜色和设计，我很快移动了它，但重点是一样的。

也许你有什么想法？

Answer 1

您需要添加一个 z-index 以将您的 li 置于顶部。现场示例:http://jsfiddle.net/tw16/2WHVT/12/

#menu ul li {
    border-right: 1px solid #820B0B;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1; /*add this*/
}