CSS_设置伪元素层级在父级下边

css伪元素，层级太高，挡住了父级子元素

方法一

伪元素添加 z-index: -1;（只能在定位元素上奏效）

.div::before{
	z-index: -1;
}

方法二

3D旋转效果（Z方向负向旋转，元素层级下降，Z方向垂直屏幕，X方向左右，Y方向上下）

使用方法一会显示在所有元素之下的时候使用当前方法可以解决

.div{
    transform-style: preserve-3d;	
}
.div::before{
    transform: translateZ(-1px);  
}