实现div旋转一定的角度_html/css_WEB-ITnose
时间:2021-07-01 10:21:17
帮助过:74人阅读
让一个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.
谢谢大家啦
回复讨论(解决方案)
可以啊
页面名称 123
css旋转就可以,,,,只是IE版本的写法要注意。。。
可以是可以,但是只要这样做,在ie7中,这个旋转下面的div样式就没有用了,你试试下面的代码
页面名称 123
aaa
好像是ie浏览器7.0版本独有的bug,只要遇到 xxxx: (x"a b"); 这种格式,这之后的样式代码都无效了。
可以把之后的样式代码放到一个新的中
页面名称 123
aaa
谢谢你,这个方法好用