怎么旋转DIV 45度 要以中心旋转

Question

<div style="width:30px; height:30px; background:#000;" id="img" ></div> 比方说让这个DIV旋转45度 我找了些jquery插件 但不兼容IE8以下的 我要兼容所有浏览器。。

Answer 1

html5貌似有这样的东西 但兼容不了那么多得浏览器

Answer 2

CSS3可以，但是不兼容所有浏览器。

Answer 3

给div添加样式
transform: rotate(40deg);
-o-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)";
请参考：http://blog.sina.com.cn/s/blog_88a6a3350100z3cp.html