Z-index在伪元素::after上不起作用。

在伪元素::after上使用z-index属性时，需要注意以下几点：

1. 伪元素的position属性必须设置为absolute或relative，才能生效z-index属性。
2. 父元素或其他兄弟元素的position属性也必须设置为absolute或relative，以形成层叠上下文。

下面是一个解决方法的代码示例：

HTML代码：

<div class="container">
  <div class="box">
    <span>Some text</span>
  </div>
</div>

CSS代码：

.container {
  position: relative;
  width: 200px;
  height: 200px;
}

.box {
  position: relative;
  width: 100%;
  height: 100%;
}

.box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  z-index: -1; /* 负值使伪元素在其他内容之下 */
}

在上面的代码中，.container被设置为position: relative，创建了一个层叠上下文。.box作为.container的子元素，它的伪元素::after被设置为position: absolute，并且z-index为负值，使伪元素出现在.box内容之下。

这样，伪元素::after上的z-index属性就可以起作用了。