IE8 : jQuery를 사용하여 회전하는 동안 이미지가 사라짐

Question

이미지가 회전하는 동안 잠시 사라지는 것처럼 보입니다.이 문제는 IE8에 존재하며 IE9 및 기타 HTML5 지원 브라우저에서 잘 작동합니다. 우리는 jQuery rotate 플러그인을 사용했습니다.

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