Question

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

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");
});

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

1 个答案: