Question

我甚至无法进行简单的旋转以适用于IE7或8：

$('#square').rotate(45);

#square{
    position: absolute;
    display:block;
    width:50px;
    height:50px;
    background-color: red;
}

上述代码在ie7＆amp; 8中没有任何作用，但在9+和其他浏览器中工作正常

我怎样才能让它发挥作用？还是另类？

Answer 1

要在IE7中旋转，您需要这个

filter：progid：DXImageTransform.Microsoft.Matrix（sizingMethod =＆＃39; auto expand＆＃39;，M11 = 0.7071067811865476，M12 = -0.7071067811865475，M21 = 0.7071067811865475，M22 = 0.7071067811865476）; / * IE6，IE7 * /

所以也许你需要这样的东西：

$("#square").css("filter", "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)");

Answer 2

该插件不支持IE7。

我建议使用Gsap动画库。它有一个很好的jQuery包装器来帮助新手http://www.greensock.com/jquery-gsap-plugin/，并向后兼容到ie7几乎所有的功能。

jQuery旋转不能在IE7和IE8中工作

2 个答案: