张国伟 发表于 2024-8-27 08:44:11

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

问题描述

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

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

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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【CSS】实现伪元素层级在父元素之下