변환이 제대로 작동하지 않습니다.

Question

CSS 변환 : rotate()가 작동하지 않는 이유를 알 수 없습니다. 다음은 코드입니다 : http://jsbin.com/afayan/1/edit I 클래스 "내용"에 배경 색상을 넣어 의

Answer 1

당신은 모두 내용에 대한 적절한 Z- 인덱스를 추가해야합니다 ... 작동하지 않는 변환. 또는 z- 색인을 제거하십시오.

업데이트 :이 Z-인덱스에 관한

Code

Answer 2

. 이것을 시도하십시오 :

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