Internet Explorer에서 커서의 초점 문제

Question

다음 코드는 백그라운드 이미지를 자동 변경합니다.

function changeBackground() { 
    currentBackground++; 
    if(currentBackground > 3) currentBackground = 0; 

    $('body').fadeOut(0, function() { 
     $('body').css({ 
      'background-image' : "url('" + backgrounds[currentBackground] + "')" 
     }); 
     $('body').fadeIn(0); 
    }); 


    setTimeout(changeBackground, 3000); 

나는 앞면에 간단한 형태가 있습니다. Internet Explorer에서이 양식의 초점은 때마다 이미지 변경을 갈 것 같지만 크롬과 파이어 폭스

Answer 1

에서 잘 작동 jQuery의 fadeOut 0 까지 불투명도를 애니메이션 다음 display: none을 설정합니다.

나는 내부에서 display: none 컨테이너가있을 때 인터넷 익스플로러가 폼에 집중하는 것으로 생각한다.

대신 animate()를 사용하여 시도 할 수 :

$('body').animate({ opacity: 0}, 0, function() { 
    $('body').css({ 
     'background-image' : "url('" + backgrounds[currentBackground] + "')" 
    }); 
    $('body').animate({ opacity: 1 }, 0); 
}); 

한 질문 : 당신이 (0 시간 통과) 인스턴트 전환을 사용하고, 그래서 당신은 왜 fadeIn/페이드 아웃을 요구하고있다? (css() 전화로는 충분할 것으로 보입니다.)