css - 变换旋转（）无法正常工作

Question

我无法弄清楚为什么 css transform: rotate() 不起作用。这是代码： http: //jsbin.com/afayan/1/edit 当我将背景颜色添加到“内容”类时，转换不起作用......

Answer 1

您必须为这两个内容添加正确的 z-index。或者删除 z-index。

更新：

代码

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); }