在javascript中使用左上角旋转div

Question

请帮助，根据特定点将div旋转到90度，即使用javascript或jQuery或css或html在Internet Explorer 7中该div的左上角。

我曾尝试过fiter，

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');

这会将div旋转90度，但左上角会移位。

Answer 1

最好的办法是让CSS执行旋转，然后使用jQuery将元素重新定位到指定的坐标集。 AFAIK，您无法提供filter并限制其围绕固定点的旋转

jQuery animate()可能有帮助。

Answer 2

实际上，您可以使用transform-origin CSS3属性在拐角处旋转。在此处阅读更多内容：W3C CSS3 2D Transforms - Transform Origin

Answer 3

尝试使用BasicImage rotate代替矩阵进行90度旋转

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);