z-index 和 translateZ(0)的疑问

Question

比如

<div>dd</div>



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

为神马会如此显示？

Answer 1

你是想问 CSS3 Transform 引起的 z-index "失效" 吗
http://segmentfault.com/q/1010000002480824