变换rotate（）无法正常工作

Question

我无法弄清楚为什么css transform：rotate（）不起作用。 下面的代码：http://jsbin.com/afayan/1/edit 当我把背景颜色类“内容”，变换工作不...

Answer 1

您必须添加适当的z-index的两个内容。或者删除z-index。

更新时间：

Code

Answer 2

这是绕Z索引。试试这个：

.content { padding:50px; background: green; z-index: 5; } 
.box { background:#ccc; padding:50px; position:relative;} 
.box:after { content:''; width:100%; height:100%; left:0; top:0; 
      background:red; position:absolute; z-index:4; 
      -moz-transform: rotate(2deg); transform: rotate(2deg); 
      -webkit-transform: rotate(2deg); }