父元素和before偽類一起書寫的時候斜纪，默認before偽類會在頁面的上層搔弄，第一種方式是偽類設(shè)置 z-index:-1
.parent{
}
.parent::before{
z-index: -1
}
但會出現(xiàn)一個問題幅虑，由于偽類設(shè)置了 z-index -1，當頁面中別的元素顾犹，例如背景倒庵，就會覆蓋偽類，導(dǎo)致偽類無法被看到蹦渣，那么哄芜，這種時候還有另外一種解決辦法
#parent{
transform-style: preserve-3d;
}
#parent::before{
transform: translateZ(-1px) // Z軸方向位移-1px
}
