Z-index不能与绝对定位一起使用。

要让z-index生效，定位方式必须设置为相对定位、固定定位或粘性定位。使用绝对定位时，容易有多个元素在同一z轴层级上，此时需要给它们设置不同的z-index值来确定它们的层次关系。下面是一个使用绝对定位和z-index的示例：

HTML代码：

<div class="parent">
  <div class="child child1">Child 1</div>
  <div class="child child2">Child 2</div>
</div>

CSS样式：

.parent {
  position: relative;
  height: 200px;
  background-color: gray;
}

.child {
  position: absolute;
  color: white;
  font-size: 2em;
  padding: 10px;
}

.child1 {
  top: 20px;
  left: 20px;
  background-color: blue;
  z-index: 2;
}

.child2 {
  top: 70px;
  left: 70px;
  background-color: green;
  z-index: 1;
}

在这个示例中，.parent元素设置了相对定位，.child元素设置了绝对定位。.child1和.child2元素的z-index值分别为2和1，因此.child1会显示在.child2上方。