css - z-index 和 translateZ(0)的疑问

Question

比如

<p>dd</p>



p{
  background:black;
  width:200px;
   height:50px;
  position:relative;
  transform:translateZ(0);
}
p:before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background:red;
  z-index:-1;
}

为神马会如此显示？

Answer 1

Are you asking about z-index "failure" caused by CSS3 Transform?
http://segmentfault.com/q/1010000002480824