jQuery fadeIn IE Png 문제를 로드할 때에 외부에서

StackOverflow https://stackoverflow.com/questions/1808015

문제

나는 선적 데이터를 외부로부터 html 파일 안에 내 도메인으로 div 내 웹 페이지에서 사용하여 내용을 로드하는 방법에 jQuery.나 div 의 새로운 페이지 동안 숨기기 div 에서는 현재 페이지의 변색이 페이딩 새로운 중 하나에서.있는 png 이미지 모두에서 이러한 div 고 그것을 만드는 무서 검 blob 즉,작동 다른 브라우저에서 그로 인해 IEs 못하는 과정에 여러 개의 필터를 만들 엉망입니다.

가하여 단위 png 수정을 아무 소용가 수정 또는 아이디어를 유지하는 데 도움이 나 png 파일을 찾고 좋은 이러한 전환?

i46.tinypic.com/t9dtvr.jpg 이것은 스크린샷의 문제,환호

또한 것을 발견 png 에있는 원래 페이지(적재하기 전에 새로운 아무것도)이고 완벽하게 단위를 사용하여 png 해결 하지만 물건에서 적재하고 다시 밖으로서 외부 파일이다.Ive 추가 수정하는 해당 페이지는 너무 하지만 하는 일 중 하나.

도움이 되었습니까?

해결책

이 없는 100%솔루션하는 문제입니다.이 있는 경우 반 투명한 지역의 PNG,어떤 필터를 적용되는 렌더링됩 그 영역을 완전히 불투명하다.대부분의 페이딩 전환 나는 본 적용 여과기 동안,페이드를 제거 필터습니다.이것은 당신이 볼 것이 별칭 지역에 있는 동안 이미지가 페이드에서 하지만 잘 보이는 것입의 끝에서 전환이다.

다른 솔루션을 위해 사용될 수 있 부품의 페이지를 정적:는 경우에는 배경 이미지 뒤에은 정적인 이미지를 만들 수 있습니다에서는 배경으로 그것을 사용하고 배경 이미지의 img 태그입니다.그런 다음,페이딩과에서 잘 작동합니다.는 경우에는 png 이미지가 이미 배경은 이미지 요소의,당신은 그것을 둘 필요가와 컨테이너에 불투명한 배경 이미지 설정 및 변색을 대신 합니다.

당신이 페이딩앞에서의 텍스트 또는 동적 콘텐츠가 할 수 있습니다.

편집: 다음과 같은 페이지를 것으로 보인 솔루션을 포함하는 오래된 AlphaImageLoader 필터링하고 부모와 사업부 불투명 필터 설정:

http://blog.mediaandme.be/?ref=17

다른 팁

나는 비슷한 문제가 있었으로 페이딩 요소를 가진 투명한 png-배경입니다.후 몇몇 연구에서 발견이 이 페이지 끝에서 찾을 수 있는 솔루션을 도왔:

http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

사용자는 댄.텔로 사용되는 추가 필터(CSS)IE 에서: 

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

편집:나는 게시하는 희망이 있지만,실제로 어떤 사람들은 설명하거나 우회하는 방법.이는 데 도움이:

http://groups.google.com/group/jquery-dev/browse_thread/thread/1f693c5f4e8ea650/f3bc9685ccb40e70?pli=1 http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx

가 비슷한 문제가 발생합니다.I 드하는 데 필요한 여러 가지 중 하나이 투명 Png 파일로 내 페이지에 따라 사용자 입력,그리고 그것은 퇴색합니다.나는 끝까지 사용하여 그린 기가 막힌의 뒤늦은 PNG 수정(의도에 대한 IE6).에서 호출 문서 준비를 작동 하지 않는 동적 콘텐츠의 과정,그래서 여기에 무엇이 내 스크립트처럼 보인:

html = '<img src="selectedimage.png" />';
$('#overlay').html(html);
DD_belatedPNG.fix('#overlay img');
$('#overlay img').hide().fadeIn(1200);

그것은 좋은 작업에서 IE7 지만,저는 테스트하지 않았 IE8 아직입니다.

을 줄 수 있습니 png 이미지(또는 요소 퇴색시) background-color 값을 다른 것보다는 투명한?는 대부분 hels.

@jdln--나는 확실하지 않으면 이것은 그녀가 무엇을 가고 있었다고 설명했다 그것은 잘못된 경우,또는 이것은 또 다른 솔루션으로,그러나 이것은 나를 위해 일했:

  1. 적용 투명한 PNG 하는 요소는 래퍼
  2. 적용 당신의 페이드는 요소는 안 된다.이것을 강제로 wrapper 요소를 표시뿐만 아니라.
  3. 숨기기 래퍼 요소 내용을 보여주는 요소를 사용하여 jQuery 페이드

예를 들어:

/* HTML: */
<div id="wrapper">
    <div id="content">I use this for a drop-down menu with a transparent PNG shadow for lte IE8 browsers
    </div>
</div>

/* CSS */
#wrapper{margin-left:-9999px;}

/* jQuery */  
$('#content').hide().fadeIn();

내가 사용합니다.hide()는지 확인하는 효과를 시작 처음부터 모든 시간,나이에서 가져 이벤트입니다.왜 이러죠!

당신이해야 할 모든 이들에게는 래퍼(스타일)주소(#외부(는 배경 png))라질 불투명도를 1.0js 에서 파일입니다.매우 좋습니다.

ex:

js file:

$('#style').fadeIn('slow');

css file:

#style
{
    margin:0;
    background:transparent;
    float:left;
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top