z-index不适用于span：before

Question

如何把：放在跨度之前？我知道我之前做过这个，但我不记得怎么做。 这是小提琴。

HTML

<span>Stack Overflow</span>

CSS

span{
background:#000;
position:relative;
color:#fff;
z-index:20;
}
span:before{
content:'';
background:#000;
position:absolute;
left:50%;
bottom:-10px;
width:20px;
height:20px;
z-index:1;
}

Fiddle

Answer 1

z-index是相对的，因此:before伪元素显示在其父<span>下面，您可以指定-1的z-index：

span:before{
    content:'';
    background:#000;
    position:absolute;
    left:50%;
    bottom:-10px;
    width:20px;
    height:20px;
    z-index:-1;
}

jsFiddle Demo