IE8 jQuery not working fadeIn fadeOut

몇일전에 작업하다가 span 엘리먼트에 fadeIn 효과를 줬는데, IE6 과 크롬에서는 작동을 하는데, IE8 에서는 fadeIn 메쏘드 자체가 작동을 하지 않았다.
혼자 골머리 싸매면서 아무리 테스트해봐도 작동이 안된다. ㅠㅠ
그래서 구글신에게 도움을 요청하니 해당 문제에 대해서 이런저런 글들이 많았다.
검색어는 "jQuery not working fadeIn"
 


외국사이트에 들어가서 찾아보니 대부분 아래코드를 적용하라고 되어있다.
 

(function($) {
	$.fn.customFadeIn = function(speed, callback) {
		$(this).fadeIn(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeOut = function(speed, callback) {
		$(this).fadeOut(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
})(jQuery);

위에처럼 filter 속성을 제거하는 형태로 확장 메쏘드를 만들어서 쓰면 된다고 했다.
그런데 웬걸 안된다 -_-.......
jQuery bug fix 에도 찾아보니 fixed 라고 되어있었는데, jQuery 버전 문제인거 같기도 했다.
하지만, 이 사이트의 버전을 올릴순 없었다. jQuery UI 과 포함되어있기 때문에. 귀찮다 -_-.
이리저리 테스트하다보니 span 엘리먼트에만 작동을 하지 않았다.
그래서 해당 엘리먼트의 스타일시트속성중 display: block 로 변경하니,
짜잔........... 작동한다.

아무래도 IE8 만 해당하는 버그인듯.

.