實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:35:10
實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css
實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css_WEB-ITnose:讓一個(gè)div 旋轉(zhuǎn)一定的度數(shù),雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and
導(dǎo)讀實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css_WEB-ITnose:讓一個(gè)div 旋轉(zhuǎn)一定的度數(shù),雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and

讓一個(gè)div 旋轉(zhuǎn)一定的度數(shù),雖然
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下面還是沒有旋轉(zhuǎn),
用了一個(gè)jquery.rotate.min.js 發(fā)現(xiàn)這個(gè)js只能讓圖片旋轉(zhuǎn)。
誰可以實(shí)現(xiàn)div旋轉(zhuǎn),兼容ie678.
謝謝大家啦
回復(fù)討論(解決方案)
可以啊
css旋轉(zhuǎn)就可以,,,,只是IE版本的寫法要注意。。
可以是可以,但是只要這樣做,在ie7中,這個(gè)旋轉(zhuǎn)下面的div樣式就沒有用了,你試試下面的代碼
頁面名稱 123
aaa
好像是ie瀏覽器7.0版本獨(dú)有的bug,只要遇到 xxxx: (x"a b"); 這種格式,這之后的樣式代碼都無效了。
可以把之后的樣式代碼放到一個(gè)新的中
謝謝你,這個(gè)方法好用
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css
實(shí)現(xiàn)div旋轉(zhuǎn)一定的角度_html/css_WEB-ITnose:讓一個(gè)div 旋轉(zhuǎn)一定的度數(shù),雖然 transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -moz-transform:rotate(-5deg); /* Firefox */ -webkit-transform:rotate(-5deg); /* Safari and