css伪元素设置z-index无效

css使用伪元素after或者before的时候想要给after或者before设置一个层级关系，使该伪类写入的样式在box的下面，发现给box设置z-index无效，
需要找到父级元素，在父级元素上设置z-index值并且将伪类设置z-index:-1

因为 其中将.box:before 的z-index = -1; **是因为.box和.box的伪元素为同一级的，而.box 默认为0,修改其中的z-index其实修改的是子元素的z-Index,**所以无论怎样修改，.box中的元素也会在伪元素的下面，因此只能修改伪元素的z-index; 而将.container的z-index设为1，其实是postion为relative时，设置z-index，才会将其加入context-stack.

https://www.cnblogs.com/fogwind/p/6182828.html
z-index参考文章