jQuery fadeIn () & 페이드 아웃 () : Internet Explorer에서 문제가
- 공유 /
- 10 Comments / jQuery / 10.18.08 / 10 개의 댓글 / /
1 월 25 일, 2010 년 전이 jQuery 1.4 fadeIn 사용하는 데모 업그레 이드 ()와 페이드 아웃 20 () 문제를 보이는 IE8에서 IE7을하고 고정됩니다.
내 jQuery 작품을 몇 가지 문제가 나타났습니다. 때. fadeIn () 또는. 페이드 아웃 ()를 사용 Internet Explorer에서 못생긴 pixelated 텍스트를 볼 방법.
시사 / 샘플 / 데모
Internet Explorer에서 jQuery 페이딩 문제
어떻게 고정됩니다
그 또는 밖으로 사라지고있다 요소에 CSS로 배경 색상을 설정합니다.
다른 방법은
만약 당신이 시도 jQuery 플러그인을 줄 위의 방법으로 문제가있어.
빌에게 감사 : 내가 어디에서하지만이있어 만약 당신이 그것을 찾아낼거야 구글가 생각나지 않을 수있습니다. 이 방법을 (jquery 1.4)에서 테스트되지 않은 문제를 해결하는 것입니다.
이 기능을 사용합니다. '귀하의'페이드 아웃 '변경 customFadeOut'. 빌의 설정의 예제는 또한 데모 페이지에서 볼 수있습니다.
( $ ) { (함수 ($) ( = function ( speed , callback ) { $. fn. customFadeIn = 기능 (속도, 콜백) ( ) . fadeIn ( speed , function ( ) { $ (이). fadeIn (속도, 함수 () ( ! $. support . opacity ) 만약 (! $. 지원합니다. 불투명도) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (이) (0)받을.. 스타일. ( '필터'removeAttribute); callback != undefined ) 만약 (콜백! = 정의되지 않은) 콜백 (); )); ); = function ( speed , callback ) { $. fn. customFadeOut = 기능 (속도, 콜백) ( ) . fadeOut ( speed , function ( ) { $ (이). 페이드 아웃 (속도, 함수 () ( ! $. support . opacity ) 만약 (! $. 지원합니다. 불투명도) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (이) (0)받을.. 스타일. ( '필터'removeAttribute); callback != undefined ) 만약 (콜백! = 정의되지 않은) 콜백 (); )); ); = function ( speed , to , callback ) { $. fn. customFadeTo = 기능 (속도, 콜백) ( ( { opacity : to } , speed , function ( ) { 이 반환합니다. 움직이게 ((불투명도 :에), 속도, 기능 () ( to == 1 && jQuery. browser . msie ) (최대 == 1 & & jQuery. 브라우저의 경우. MSIE) . removeAttribute ( 'filter' ) ; 이. 스타일.) ( '필터'removeAttribute; jQuery. isFunction ( callback ) ) 만약 (jQuery. isFunction (콜백)) 콜백 (); )); ); ; )) (jQuery);
자료실
- 액션 jQuery : 만약 당신 자신이 자주 귀하의 프로젝트에 내가 매우 체크 아웃이 책을 권하고 싶습니다 jQuery를 사용하여 찾습니다. 난 이걸 읽어 봤어도 1.3 jQuery 학습과 액션 jQuery 발견 명확하게되고 더 강력한 앞으로 직진.
- jQuery IE의 페이드 테스트
- jQuery 참조 가이드
4:01 AM jQuery fadeIn () & 페이드 아웃 () - 버그 아니 Internet Explorer를»Pinceladas 다 웹 - Reflexões 아이콘 XHTML과 CSS를, PHP는 전자 WebStandards / 11.4.08 / 오전 4시 1분
[...] 님의 케빈 레리 가야 consiste simplesmente 일자 adicionar 래도 그게 좋았어 SMU에서 치명적 solução 이네 interessante 사이트가없습니다 치명적 코르 드 Fundo ㅡ elemento 가야 세라 aplicado O를 [...]
1:43 PM 존 / 10.11.09 / 오후 1시 43분
저장된 둘만의 시간을 많이 하나 - 감사합니다!
7:56 PM 알렉산드르 올리베 / 11.12.09 / 오후 7시 56분
오 이런! 난 믿을 수 없어 ...
IE는 항상 나를 놀라게.
10:20 PM @ dangerdave / 12.7.09 / 오후 10시 20분
가능성이 보였지만, IE8 Win7 (on)과 "꽤"의 변색 귀하의 데모를 시도처럼 부서지고 - 예쁜 변색이 아니로서 pixellated 보인다. 아아.
11:07 PM kevinlearynet / 12.7.09 / 오후 11시 7분
안녕하세요, 데이브
너무 나쁜이야 - 내가 7에 대한 굉장한 것들을 들었어요. 난 XP를 복사하고 문제가있을 IE8의 두 예제는 고정되고 (심지어는) 잘못된 것 같습니다. 전까지는 윈도우 7의 복사본을 얻을 VM웨어에 내가 이렇게하는 방법 중 하나에 대한 도움말을해야할지 모르겠 최대로드. 말은 시간이 만약 당신이나 다른 사람을 찾아 원인 / 해결책을 모두 알려주시기 바랍니다.
11:41 AM 스테판 / 1.4.10 / 오전 11시 41분
이 주셔서 감사합니다! 그것은 나에게 공평 .. 몇 시간을 머리가 아파했다
Cheeeeeeeeeeeers!
2:35 AM 신선 / 1.16.10 / 오전 2시 35분
케빈, 공유를 주셔서 감사합니다! 하지만, 내가 몸을 요소 밑에 복잡한 배경을 가지고 제가 bg 컬러를 설정할 수없습니다? 만약 내가 bg 색상 설정, 정말 못생긴 비 평판 컬러 bg 찾을 것입니다. 당신은 다른 솔루션을 알아? 심지어 하드 하나? :-)
4:23 PM kevinlearynet / 1.19.10 / 오후 4시 23분
그 신선한조차 힘든 한 수정 프로그램을 안다고 할 수없습니다. 좀 비슷한 시나리오에 대한 stackoverflow.com 주위를 파고 고려해야 할 수도있습니다 :
jQuery fadeIn 인터넷 익스플로러 "에 대한 검색은 <a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com"
만약 내가 새 항목 게시면 아무것도 찾을 수없습니다. Stackoverflow 너무나 나를 위해이 같은 고급 jQuery 시나리오에 특히 도움이있다.
행운과 감사의 게시에 대한 최고!
7:24 AM 청구서 / 1.20.10 / 오전 7시 24분
내가 어디에서하지만이있어 만약 당신이 그것을 찾아낼거야 구글가 생각나지 않을 수있습니다. 이 방법을 (jquery 1.4)에서 테스트되지 않은 문제를 해결하는 것입니다.
이 기능을 사용합니다. '귀하의'페이드 아웃 '변경 customFadeOut'.
(함수 ($) (
$. fn.customFadeIn = 기능 (속도, 콜백) (
$ (이). fadeIn (속도, 함수 () (
만약 (! $. support.opacity)
$ (이) (0)받을.. ( '필터'style.removeAttribute);
만약 (콜백! = 정의되지 않은)
콜백 ();
));
);
$. fn.customFadeOut = 기능 (속도, 콜백) (
$ (이). 페이드 아웃 (속도, 함수 () (
만약 (! $. support.opacity)
$ (이) (0)받을.. ( '필터'style.removeAttribute);
만약 (콜백! = 정의되지 않은)
콜백 ();
));
);
$. fn.customFadeTo = 기능 (속도, 콜백) (
복귀 this.animate ((불투명도 :), 속도, 기능 () (
(최대 == 1 & & jQuery.browser.msie 경우)
this.style.removeAttribute ( '필터');
만약 (jQuery.isFunction (콜백))
콜백 ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 오후 1시 4분
이 법안에 대한 고마워, 난 게시물에 추가한 소스 뷰어에 코드를 삽입.