CSS3旋转div，但保持背景不旋转

Question

有没有办法使用变换旋转div但保持背景与它一起旋转？如果不是有另一种解决方案与jQuery或什么？

Answer 1

只需在背景中添加外部包装，然后旋转内部元素即可。

Answer 2

尝试使用2个div块，并将旋转内容覆盖在固定背景div上的div。使覆盖层透明。希望能帮助到你。

Answer 3

ü可以试试这个

<div id="container"> 
    <div id="yourelement"></div> 
</div> 

而这种风格

 #container{ 
      position: absolute; 
      top:100px; 
      left:100px; 
      transform: rotate(30deg); 
      -webkit-transform: rotate(30deg); 
      -moz-transform: rotate(30deg); 
      -o-transform: rotate(30deg); 
      width:300px; 
      height:300px; 
      overflow:hidden; 
     } 
     #yourelement{ 
      position: absolute; 
      top:-100px; 
      left:-50px; 
      transform: rotate(-30deg); 
      -webkit-transform: rotate(-30deg); 
      -moz-transform: rotate(-30deg); 
      -o-transform: rotate(-30deg); 
      width:500px; 
      height:500px; 
      background-image:url(../img/bg.jpg); 
     }