【CSS】实现伪元素层级在父元素之下

问题描述

伪元素默认层级是在父元素之上的，同时 ::after在::before之上，若要实现伪元素层级在父元素之下，则可通过以下方式实现
1. 方法一：利用z-index

设置层级为负数，则该元素便位于最下层，但是此方法有一个问题，就是如果还要它在其他元素的上层，则还需要调整其他元素的层级，如果元素嵌套许多，则需要设置一连串的z-index
2. 方法二： 3D转换

1. .parent {
2.     transform-style: preserve-3d;
3. }
4. .parent::before{
5.     transform: translateZ(-1px) // Z轴方向位移-1px
6. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。