z-index属性在使用绝对定位的元素时无效。

z-index属性在使用绝对定位的元素时无效的原因是，z-index属性只能应用于定位（position）属性值为relative、absolute或fixed的元素。

解决方法是将需要设置z-index的元素的定位属性设置为relative、absolute或fixed。以下是一个示例代码：

HTML：

<div class="container">
  <div class="box1">Box 1</div>
  <div class="box2">Box 2</div>
</div>

CSS：

.container {
  position: relative;
}

.box1 {
  position: absolute;
  z-index: 1;
  background-color: red;
  width: 200px;
  height: 200px;
}

.box2 {
  position: absolute;
  z-index: 2;
  background-color: blue;
  width: 200px;
  height: 200px;
  top: 50px;
  left: 50px;
}

在上述代码中，容器元素.container的position属性设置为relative，它包含两个绝对定位的子元素.box1和.box2。.box1的z-index属性值为1，.box2的z-index属性值为2，这样就可以控制.box2在层叠顺序上位于.box1之上。