带有下拉菜单的Z-index问题和隐藏显示的元素

Question

我刚刚将superfish添加到my page。但下拉菜单显示在我的标题 - 底部div下面，显示：隐藏。但这不是唯一的问题它也是 由我的Easy Slider覆盖，其中包含图像和div，我无法分辨哪一个覆盖了我的下拉菜单。

我不太熟悉使用z-index 解决这个问题的最佳方法是什么？

Answer 1

检查包含菜单的容器是否具有相对位置。 Z-index仅适用于具有'绝对'的位置属性'relative'的元素。

例如：

<div style="position:relative">Menu here</div>

Answer 2

通过CSS在两个元素上添加z-index属性。 （菜单）和（滑块）

<div style="z-index:2;">Menu</div>

<div style="z-index:1;">Slider (or whatever coming after the menu)</div>

是的，原因是使用了position:relative;

的两个元素