<分区>
见:
div 与 z-index 5 相关，而 :after 是绝对的 z-index 2。
那么 :after 不应该在 div 后面吗？
div{
position:relative;
z-index: 5;
background: #000;
padding: 10px;
}
div:after{
content: '';
position: absolute;
z-index: 2; /* <= not working:( */
background: #3d3;
left: 20px;
top: 20px;
width: 30px;
height: 30px;
} <div>erferf</div>最佳答案
您必须给伪元素一个负的 z-index 才能使其位于其父级之后，并删除父级的 z-index。 http://jsfiddle.net/jklm313/Kq2PY/4/
div{
position:relative;
background: #000;
padding: 10px;
}
div:after{
content: '';
position: absolute;
z-index: -1; /* <= not working:( */
background: #3d3;
left: 20px;
top: 20px;
width: 30px;
height: 30px;
} <div>erferf</div>关于css - 伪元素上的 z-Index 行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12463061/