z-index无法在叠加层上方获取元素

Question

我有一个水平列表框，与弹出的叠加层重叠。水平框的结构使用ui li

现在的问题是，如何使用z-index获取叠加层上方的单个框。在我的示例中，我需要获取覆盖div上方具有类名li的{​​{1}}。

.test

DEMO

Answer 1

z-index属性适用于定位元素。您可以向元素添加position: relative;以使z-index属性生效：

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

<强> WORKING DEMO

Answer 2

将position: relative;添加到测试类