Html z索引无法在覆盖上方获取元素

我有一个水平的列表框，上面有一个弹出的覆盖层。水平框的结构使用

ui-li

现在的问题是，如何使用

z-index

获得覆盖上方的单个框。在我的示例中，我需要得到

li

，它在overlay div上方有类名

.test

.wrapper{position:relative}
ulli{
保证金：0；
填充：0
}
李{
背景：黄色；
显示：内联块；
宽度：60px；
高度：60px；
}
.覆盖{
背景：rgba（0,0,0,0.5）；
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：10
}
.测试{
z指数：100/*不工作*/
}

---

添加一个

位置：相对到您的测试类
属性对定位的元素起作用。您可以添加
位置：相对
到元素以使
z-index
属性工作：

.test {
  z-index:100;
  position: relative;
}

哎呀，我已经试过了，但没有成功。。让我检查一下我的代码中是否使用了其他z索引值