jQuery fadeIn+페이드 아웃 IE?

Question

나는 데 문제가 gtetting fadeIn 및 페이드의 효과 jQuery 에서 제대로 작동하려면 IE(6+7+8).스크립트에서 작동합 FF 고 사파리(페이딩 멋지게)하지만에 즉 그것은 단지 표시하거나 숨깁니다-페이딩 효과에 모두.

어떤 아이디어가?

$(".myclass ul li:eq(" + $(this).attr("href") + ")").fadeIn(5000); 

Href 특성 그것은 단순히 들고 나타내는 숫자 값에 위치 ul li 길이 있습니다.

Answer 1

나는 같은 문제에 사용되는 코드(아래 링크에서 게시 Q8-coder 위).그것은 잘 작동 하지만 나는 아직도 몇 가지 문제가 있었다.는 것으로 나타났을 사용하여 fadeTo 컨테이너에 대한 요소는 아이들이 있었으로 상대 또는 절대 두지 않았 IE8 에서 작동.부모가 페이드만 모든 아이들이 요소에 긍정적 또는 상대적인 위치 남아 있을 것입니다.을 얻을 수있는 유일한 방법의 주위에 그것을 선택하는 컨테이너 요소와 그의 어린이 jQuery 를 사용하여 다음이 적용 fadeTo 니다.

jQuery.fn.fadeIn = function(speed, callback) { 
    return this.animate({opacity: 'show'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeOut = function(speed, callback) { 
    return this.animate({opacity: 'hide'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeTo = function(speed,to,callback) { 
    return this.animate({opacity: to}, speed, function() { 
        if (to == 1 && jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

Answer 2

이 해결 방법.

Answer 3

나를 위해,사용 fadeIn() 인 나 <div> 을 것이 좋의 페이드 인터넷 익스플로러 9,다음(한 번은 퇴색 완료되었)그 disapper again.아입니다.

수정되었 추가 filter css 값을 다음과 같은 여기:

$("#fadeMeIn").fadeIn("slow");
$("#fadeMeIn").css('filter', 'none');

Answer 4

이것을 보십시오:

$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);

Answer 5

나는 유사한 문제 IE8 에서 스크립트.를 설정한 후 z-index 문제가 사라졌습니다.나는 해결책을 발견했다.

http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/