这个问题在这里已经有答案了：
如何使子元素显示在其父元素后面（z索引较低）？
（6个答案）
（6个答案）
为什么可以'；具有z索引值的元素是否覆盖其子元素？
（4个答案）
（4个答案）
一年前关闭的
我正在尝试使用：after伪元素CSS选择器为元素设置样式
#元素{
位置：相对位置；
z指数：1；
}
#元素：：之后{
位置：相对位置；
z指数：0；
内容：“；
位置：绝对位置；
宽度：100px；
高度：100px；
}
似乎：：after元素不能低于元素本身
有没有办法让伪元素低于元素本身
伪元素被视为其关联元素的后代。要将伪元素定位在其父元素下方，必须创建新的堆叠上下文以更改默认的堆叠顺序。
定位伪元素（绝对）并指定除“自动”之外的z索引值将创建新的堆叠上下文
#元素{
位置：相对；/*可选*/
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
#元素：：之后{
内容：“；
宽度：150px；
高度：150像素；
背景色：红色；
/*创建新的堆叠上下文*/
位置：绝对位置；
z索引：-1；/*位于父元素下方*/
}<；！DOCTYPE html>；
<；html>；
<；头>；
<；meta charset=“utf-8”大于；
<；标题>；将伪元素放置在其父元素下方</标题>；
</头>；
<；车身>；
<；div id=“element”>；
</部门>；
</车身>；
</html>