jQuery在位置：relative时失去悬停

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

position: relative  
top: -18px

对于某些div元素，它们位于向下滑动的ul的顶部。在菜单中移动鼠标时，当我与这些元素相交时，jquery开始在菜单中向上滑动（似乎在移动ul时，我跳到了位于顶部的div，所以这是正确的）。当然，我不想要这种效果。我尝试添加z索引，但没有成功

（我在日期标签上添加了黑色边框，这会破坏菜单）。对不起，颜色和设计，我移动得很快，但重点是相同的

---

也许你有一些想法？

你需要添加一个

z-index

，使你的

li

达到顶峰。实例：

---

您需要添加一个

z-index

，以使您的

li

达到顶部。实例：

---

我在

#菜单ul

CSS中添加了一个

z-index

，它似乎起到了作用。像这样：

#menu ul
{
    padding: 0;
    margin: 0;
    z-index: 2;  //THIS IS WHAT I ADDED 
}

---

请参见此处：

我在

#菜单ul

CSS中添加了一个

z-index

，它似乎起到了作用。像这样：

#menu ul
{
    padding: 0;
    margin: 0;
    z-index: 2;  //THIS IS WHAT I ADDED 
}

请看这里：

这对我有用。如果你有问题，请告诉我

---

---

这对我有用。如果你有问题，请告诉我

您需要发布更多的html/css和jQuery。也许你还可以用做一个活生生的例子。给你：你需要发布更多的html/css和jQuery。也许你也可以做一个活生生的例子。给你：是的，谢谢。我将z索引添加到整个菜单div中，但这不起作用。。。也许你能告诉我为什么？@deha：正如我在对下面答案之一的评论中所解释的那样<如果元素没有

位置：绝对

、

位置：相对

或

位置：固定

，则code>z-index将不起作用。请您解释为什么被否决的人？此解决方案非常有效。@mblase75:是的，它将有效。看这把小提琴。这里还有一个参考资料供您参考：。Description

“此属性指定其位置值为绝对值、固定值或相对值的框的堆栈级别。”

是的，谢谢。我将z索引添加到整个菜单div中，但这不起作用。。。也许你能告诉我为什么？@deha：正如我在对下面答案之一的评论中所解释的那样<如果元素没有

位置：绝对

、

位置：相对

或

位置：固定

，则code>z-index将不起作用。请您解释为什么被否决的人？此解决方案非常有效。@mblase75:是的，它将有效。看这把小提琴。这里还有一个参考资料供您参考：。Description

“此属性指定其位置值为绝对值、固定值或相对值的框的堆栈级别。”

hm，否，跨度消失（至少在opera中）hm，否，跨度消失（至少在opera中）这不起作用。如果在

li

顶部长时间运行鼠标，您将看到下拉列表不会出现。这是因为如果元素没有

位置：绝对

，

位置：相对

或

位置：固定

，则

z-index

将无法工作。我不是在猜测。使用Firefox6和Chrome13，我测试了你的小提琴。它不起作用。

li

的上半部分不会触发下拉菜单。确保您的窗口足够宽，以便

#NewsDisplay

与菜单重叠，而不是在其下方。他只要求向下滑动的菜单位于其余菜单之上，否则我会按照您提供的那样做。我现在明白为什么您上面的代码本身没有意义了。您已将其应用于

#菜单ul

，因此它将级联到

#菜单ul li ul

。直接将其应用于已经存在的

#菜单ul li ul

规则会更有意义，因为这是声明定位的地方。嘿。。。它起作用了，随它去吧。。。你的解决方案被选中了，我的是另一种让后代看到和思考的方式……这是行不通的。如果在

li

顶部长时间运行鼠标，您将看到下拉列表不会出现。这是因为如果元素没有

位置：绝对

，

位置：相对

或

位置：固定

，则

z-index

将无法工作。我不是在猜测。使用Firefox6和Chrome13，我测试了你的小提琴。它不起作用。

li

的上半部分不会触发下拉菜单。确保您的窗口足够宽，以便

#NewsDisplay

与菜单重叠，而不是在其下方。他只要求向下滑动的菜单位于其余菜单之上，否则我会按照您提供的那样做。我现在明白为什么您上面的代码本身没有意义了。您已将其应用于

#菜单ul

，因此它将级联到

#菜单ul li ul

。直接将其应用于已经存在的

#菜单ul li ul

规则会更有意义，因为这是声明定位的地方。嘿。。。它起作用了，随它去吧。。。你的解决方案被选中了，我的解决方案是下一代看到和思考的另一种方式。。。

#NewsDisplay .news .newsDate
{
    position: relative;
    top: -18px;
    display: inline-block;
    border: 1px solid black;
    height: 18px;
    width: 100%;
    text-align: right;
    color: Gray;
    z-index:-10;
}