在开发中有时候需要用到after或before伪元素,且需要伪元素和父元素有层级关系,伪元素在父元素下面。
给父元素设置z-index为1,伪元素设置z-index为-1
div{z-index:1}
div:after{z-index:-1}
这是因为div和其伪元素是同一级的,默认层级是0。所以只给父元素设置z-idnex是不行的,还需给伪元素设置伪元素为-1。
ps
设置了父元素为更大层级,伪元素设置为1不行,看了只能给伪元素设置为-1。
在开发中有时候需要用到after或before伪元素,且需要伪元素和父元素有层级关系,伪元素在父元素下面。
给父元素设置z-index为1,伪元素设置z-index为-1
div{z-index:1}
div:after{z-index:-1}
这是因为div和其伪元素是同一级的,默认层级是0。所以只给父元素设置z-idnex是不行的,还需给伪元素设置伪元素为-1。
ps
设置了父元素为更大层级,伪元素设置为1不行,看了只能给伪元素设置为-1。