實現div旋轉一定的角度_html/css
來源:懂視網
責編:小采
時間:2020-11-27 16:35:10
實現div旋轉一定的角度_html/css
實現div旋轉一定的角度_html/css_WEB-ITnose:讓一個div 旋轉一定的度數,雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and
導讀實現div旋轉一定的角度_html/css_WEB-ITnose:讓一個div 旋轉一定的度數,雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and

讓一個div 旋轉一定的度數,雖然
transform:rotate(-5deg);
-ms-transform:rotate(-5deg); /* IE 9 */
-moz-transform:rotate(-5deg); /* Firefox */
-webkit-transform:rotate(-5deg); /* Safari and Chrome */
-o-transform:rotate(-5deg);
這些可以做到。但是不兼容ie678,加上
filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)"
在ie下面還是沒有旋轉,
用了一個jquery.rotate.min.js 發現這個js只能讓圖片旋轉。
誰可以實現div旋轉,兼容ie678.
謝謝大家啦
回復討論(解決方案)
可以啊
css旋轉就可以,,,,只是IE版本的寫法要注意。。
可以是可以,但是只要這樣做,在ie7中,這個旋轉下面的div樣式就沒有用了,你試試下面的代碼
頁面名稱 123
aaa
好像是ie瀏覽器7.0版本獨有的bug,只要遇到 xxxx: (x"a b"); 這種格式,這之后的樣式代碼都無效了。
可以把之后的樣式代碼放到一個新的中
謝謝你,這個方法好用
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
實現div旋轉一定的角度_html/css
實現div旋轉一定的角度_html/css_WEB-ITnose:讓一個div 旋轉一定的度數,雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and