可以将需要设置z-index的元素设置为相对定位(position: relative),并给其添加一个包含伪元素的父元素,这样就可以通过设置父元素的z-index来达到控制伪元素的层叠顺序的效果。
HTML代码示例:
CSS代码示例:
.parent {
position: relative;
z-index: 1;
}
.child::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
/* 伪元素的样式 */
}