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で、このフォームの焦点は、画像が変化するたびに行くようだが、ChromeとFirefoxでうまく機能

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の期間を渡す）インスタント遷移を使用しているので、なぜあなたがフェードイン/フェードアウトを呼び出していますか？ （それはcss()の呼び出しがそれ自身で十分であるように見える）