2010-06-23 8 views
2

BGD에서 페이드 인을 사용하고 있습니다.IE에서 jQuery fadeIn이 작동하지 않습니다.

예 : http://commonmovement.com/MIP/about-mip.html

이 IE를 제외한 모든 브라우저에서 작동 어디 그냥 "아빠"에. 해결 방법을 잘 모릅니다.

$('#main.about_main').css('filter', 'alpha(opacity=0)'); $('#main.about_main').fadeIn(2000);

하지만 운 :

내가 사용했습니다.

CSS :

#main { height:100%; width:100%; padding:0; }

#main.about_main {display: none;}

누구든지이 문제를 해결하는 방법을 알고?

감사

답변

0
$('#main.about_main').css('filter', 'alpha(opacity=0)'); 

사업부는 투명합니다. 그러면 어떻게 볼 수 있습니까?

+0

나는 같은 문제에 관한 또 다른 게시물에서 이것을 보았고 시도 할 가치가 있다고 생각했습니다. – user373871

+0

'필터 '는 IE와 관련이 있습니다. 이 CSS 라인은'div'를 투명하게 설정했기 때문에'display'가'none' 또는'block'이더라도 아무 것도 볼 수 없습니다. – nil

0

필터가 필요한 첫 번째 줄이 있습니까? 당신은 그것없이 시도 했습니까? 스타일 시트의 표시 : 없음으로 충분해야합니다.

+0

아쉽게도 그렇지 않습니다. – user373871

4

는 다음과 같은 시도 :

$('#main').hide().fadeIn(2000); 
+1

나는'.about_main' 한정자를 넣지 않겠지 만, 그렇지 않으면 +1 할 것입니다. ('# main'을 위해 CSS를'display : none'라고 가정했을 때) 어떻게할까요? – cletus

+0

@cletus, 감사합니다. 그것을 복사했을 때조차도 알지 못했습니다 ... –

0

내가 당신의 문제는 IE하지 추측, 그것은 성능입니다.

내 IE 8은 정상적으로 작동했지만 꽤 느리고 추한 전환이었습니다. Chrome에서 꽤 유동적이었습니다

큰 DIV 애니메이션은 브라우저에서 더 많은 것을 요구하기 때문에 IE 7 또는 6으로 이동하면 성능이 저하됩니다.

IE 9에서 테스트 할 수 있습니까? 또는 더 나은 CPU + RAM을 갖춘 컴퓨터의 IE 8에서도?

+0

그것은 고급 기계에서 잘 작동합니다. 나는 img 파일 크기가 문제라고 생각한다. – user373871

관련 문제