固定顶栏内的菜单

Question

我有一个网页有固定的顶部标题，其中放置了一个下拉jQuery菜单。我在这个固定的标题下面放了一个横幅图像。 我的问题是图像正上方的菜单子项出现在图像后面。当鼠标移出固定标题时，如果菜单项没有出现在图像上方，菜单也会关闭。 这是文件的链接： http://www.filedropper.com/projectv5210

我很抱歉没有创建一个小提琴，因为代码很大而且没有放在这里，因为我总是在这里编写代码的问题，我是这个网站的新手。 请帮忙。提前谢谢！

[被修改]

感谢您的快速回复。我有一个jQuery菜单的另一个问题。我想把菜单增加到另一个层次。我的意思是当我将鼠标悬停在菜单子项上时，我想打开另一个子菜单。

如果我需要为此开始一个新主题，请告诉我。

Answer 1

#navigation{
    z-index: 9999;
}

Answer 2

只需为菜单添加比zss中的图像更大的z-index。

Answer 3

您应该开始使用z-index，http://www.w3schools.com/cssref/pr_pos_z-index.asp

  

z-index属性指定元素的堆栈顺序。

     

具有更多堆栈顺序的元素始终位于元素的前面   堆叠顺序较低。

因此，如果幻灯片的z-index小于导航，幻灯片将叠加在导航下方，反之亦然。 所以你可以添加：

#slideshow {
    z-index: -1;
}

    /* Or */

#navigation {
    z-index: 999;
}

    /* Or */

#slideshow {
    z-index: 0;
}
#navigation {
    z-index: 1;
}

第二个使#navigation菜单高于页面的大部分元素。