jQuery的淡入在頁面加載的作品在所有瀏覽器除了IE以外

Question

我用下面的腳本淡入圖像頁面加載時：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() {  
     $('img').load(function() {   
      $(this).fadeIn(4000);  
     }); 
    }); 
</script> 

的CSS設置爲顯示無。

這適用於所有主流瀏覽器，但不適用於IE。在IE中，圖像根本不顯示。我怎樣才能讓淡入在IE中工作？

Answer 1

IE似乎有淡入和淡出的問題（請參閱reference）。你可以寫一個小的自定義函數來處理這個問題：

編輯：我簡化了代碼以下

$(document).ready(function() { 
    $('img').fadeIn(4000, function(){ 
     $(this).get(0).style.removeAttribute('filter'); 
    }); 
});