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参考文章
今天的文章css伪元素设置z-index无效分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/31992.html
