Javascript IE转换矩阵计算

Question

我希望计算在IE 6-8中旋转div的正确值。我从这篇文章JavaScript IE rotation transform maths中获取了以下计算，但它似乎在IE6或7中不起作用。它在IE8中有效，所以这让我想知道它是否是语法问题。

var angle = 45;
radians = parseInt(angle) * Math.PI * 2 / 360;
calSin = Math.sin(radians);
calCos = Math.cos(radians);

var rotateCSS = 'filter: progid:DXImageTransform.Microsoft.Matrix(M11=' + calCos + ', M12=-' + calSin + ',M21=' + calSin + ', M22=' + calCos + ', sizingMethod="auto expand"); '; /* IE6,IE7 */

rotateCSS += '-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand", M11=' + calCos + ', M12=-' + calSin + ', M21=' + calSin + ', M22=' + calCos + ')"; '; /* IE8 */

$（'。rotate'）。attr（'style'，rotateCSS）;

Answer 1

正在旋转的元素需要具有position：absolute才能正常工作。