Html 在-webkit转换期间伪元素的z索引发生变化：不透明度

我正在使用-webkit transition来设置具有绝对定位伪元素的元素的不透明度的动画。问题是伪元素应该出现在元素后面，但在转换过程中它出现在前面。你可以。我该怎么做才能把它放在后面？

哪个div应该在哪个div后面？粉色的应该总是在后面