.fadeIn는() IE 버전에서 발생하지 않습니다 미만 9

Question

내 CSS :

#midC { 
    display: none; 
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ 
} 

내 JQuery와 :

$(document).ready(function() { 
    $('#midC').load(function() { 
     $('#midC').fadeIn('slow'); 
    }); 
}); 

HTML :

<img src="theImages/topLogo_temp.png" id=midC /> 

위의 코드 작업에 CSS와 IE> 9. 어쨌든 버전 9보다 작게 만들 수 있습니까? 이미지가 언젠가 나타나고 언젠가는 IE8에 없습니다.

Answer 1

이미지에 load 이벤트를 사용하는 것에 대한 큰주의 사항이 있습니다. jQuery docs에서 :로드 이벤트

유의점 이미지 사용시

개발자가 .load() 바로 가기 기능을 실행하는 것을 이용하여 해결하려고 시도하는 일반적인 도전 때 화상 (또는 컬렉션 이미지)가 완전히로드되었습니다. 몇 가지 알려진주의 사항이 있습니다. 이들은 :

가

It doesn't work consistently nor reliably cross-browser 
It doesn't fire correctly in WebKit if the image src is set to the same src as before 
It doesn't correctly bubble up the DOM tree 
Can cease to fire for images that already live in the browser's cache 

내가 IE 8에 본 가장 일반적인 이미지가 이미 브라우저 캐시에로드되는 마지막 지점입니다.

Answer 2

JavaScript에서

,로드 된 모든 이미지 후 window.onload 이벤트가 발생, 그래서, 난 당신이 대신 다음 사용할 수 있습니다 생각 document

$(window).load(function() { 
    $('#midC').fadeIn('slow'); 
}); 

DEMO. 을 테스트 할 수 IE8을 가지고 있지만 그것은해야하지 마십시오 작업.