jquery - IE8：使用 jQuery Rotate 旋转时图像消失

Question

我们有一个图像，它在旋转时似乎消失了一秒钟。这个问题存在于 IE8 中，并且在 IE9 和其他支持 HTML5 的浏览器中运行良好。我们使用了 jQuery 旋转插件。

HTML

<img id="obj" src="obj.png"/>

CSS

#obj {
    position:absolute;
    left: 196px;
    top: 94px
}

JS

       $("#obj").animate({
                left: 5,
                top: 232
          }, {
                duration: 700,
       });
       $("#obj").rotate({
                angle: 0,
                animateTo: -64,
                duration: 2000
       });

请提出相同的建议。

Answer 1

你可以简单地做到这一点

CSS：

 $("#obj").mouseenter(function(){
 $(this).css("transform","rotate(-720deg)");
 $(this).css("transition","400ms");
 $(this).css("z-index","1");
});
$("#obj").mouseleave(function(){
 $(this).css("transform","rotate(0deg)");
 $(this).css("z-index","0");
});