Question

为什么新添加的蓝色div显示在段落上？是不是:before应该将其放在p？

之后

Answer 1

似乎没有关于:before和:after的z维位置的文档评论。并且，正如@BoltClock指出的那样，它们在堆叠方面应该像普通元素（非伪元素）一样。

如果您希望在段落本身后面使用z-index: -1;段，请尝试使用:before。（基本小提琴：http://jsfiddle.net/fDvTk/;应用小提琴：http://jsfiddle.net/XvYng/）

代码：

#example1 p:before{
  /* ... */
  z-index: -1;
}