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