固定顶部栏中的菜单

Question

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

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

[编辑]

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

如果我需要为此启动一个新线程，请告诉我。

Answer 1

#navigation{
    z-index: 9999;
}

Answer 2

只需为菜单放置比 css 中的图像更大的 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 菜单高于页面的大多数元素。