Html Z指数不起作用

我设计了一个移动菜单，并对下拉移动菜单应用了

z-index

，但其他元素仍然显示在上面。我尝试将

z-index

放在这两个元素中：

.nav_list {}
.nav_list > a {}

请注意，您必须低于640像素才能看到按钮。然后，当你按下它，你会看到“你好”一词出现在菜单上

我做错了什么

$（'span.nav btn'）。单击（函数（）{
$（'ul.nav_list'）。滑动切换（500）；
})
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>640）{
$（'ul.nav_list'）.removeAttr（'style'）；
}
});
正文{
填充：0；
保证金：0；
最大宽度：100%；
背景：绿色；
}
.标题{
保证金：0；
背景色：#333；
高度：80px；
}
.页眉{
/*利润率：0.15%*/
宽度：960px；
文本对齐：居中；
}
.nav btn{
显示：无；
}
.nav_列表{
文字装饰：无；
背景色：#333；
颜色：#FFF；
保证金：0；
列表样式：无；
宽度：100%；
}
.nav_列表>a{
显示：内联块；
填充：25px 12px；
文字装饰：无；
}
.nav_list>a>li{
文字装饰：无；
字号：1em；
颜色：#FFF；
}
@媒体屏幕和屏幕（最大宽度：640像素）{
身体{
背景：蓝色；
}
.页眉{
利润率：0%；
宽度：100%；
}
.nav_列表{
填充：0；
文本对齐：居中；
显示：无；
边缘顶部：60像素；
宽度：100%；
}
.nav_列表>a{
显示：块；
边框底部：1px实心#FFF；
宽度：自动；
}
.nav btn{
显示：块；
背景色：#333；
颜色：#FFF；
字号：1.5em；
/*文本对齐：右对齐*/
光标：指针；
填充顶部：20px；
}
.nav btn：之前{
背景图像：url（'http://optimumwebdesigns.com/icons/mobile_menu_white.png');
背景尺寸：28px 28px；
背景重复：无重复；
宽度：28px；
高度：28px；
内容：“；
显示：块；
浮动：对；
}
}




你好
您需要将
位置
属性添加到元素中，以便
z索引
起作用

例如添加
位置：relative
到
.nav list
，然后添加z-索引应该会显示高于其他元素的元素
 添加一个
位置：绝对位置或<代码>位置：相对至
导航列表{}
。否则，z-index将不起作用。
我无法在这里重现这个问题，但乍一看，您似乎忘记将定位更改为非静态的。在所提到的元素上尝试位置：相对。