2012-02-13 72 views
2

是否可以旋轉一個div(靜態)?我搜索谷歌,發現「jqueryrotate」,但這不會在IE 8和IE 7工作。jQuery Div旋轉?

有人知道一個解決方案嗎?

+0

據我所知,它只能用HTML5和CSS3。 – 2012-02-13 11:04:28

回答

4

對於所有符合標準的瀏覽器,您可以安全地使用css3旋轉,並且對於IE使用過濾器。

-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */ 
    -moz-transform: rotate(7.5deg); /* FF3.5+ */ 
     -ms-transform: rotate(7.5deg); /* IE9 */ 
     -o-transform: rotate(7.5deg); /* Opera 10.5 */ 
      transform: rotate(7.5deg); 
      filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
        M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); 
       zoom: 1; 

一個方便的網站,以幫助您完成此:css3please

+0

這是一個針對非IE的解決方案。在所有不能使用HTML5和CSS3的瀏覽器中(或者有自己的方法來做到這一點)是不可能的。 – 2012-02-13 11:08:35

+0

@TaiKahar「這是沒有-IE的解決方案。」:錯!請再讀一遍。 – Christoph 2012-02-13 11:09:34

+0

@TaiKahar「過濾器」規則當然應該在IE的單獨條件樣式表中。 – Christoph 2012-02-13 11:10:38

0

在你jqueryrotate.js文件替換此:

行〜132 this._img.parentNode.removeChild(this._img); //替換此... jQuery(this._img).parent().find(this._img).remove(); //與此