我正在寻找计算适当的值来旋转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',rotationCSS);
最佳答案
旋转的元素需要具有position:absolute才能正常工作。
关于javascript - Javascript IE转换矩阵计算,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12905888/