Internet Explorer에서 이미지 불투명도 애니메이션을 올바르게 수행 할 수 없음

모든 브라우저에서 내 웹 사이트를 테스트했으며 정상적으로 작동합니다. http://bgsorken.com/sandbox/index.php Internet Explorer 8 (및 이전 버전) 외에. 그것은 IE9에서 잘 작동합니다. 메인 페이지에서 "예고편보기"플레이어 이미지를 보면 마우스 오버시 불투명 애니메이션이 있습니다.Internet Explorer에서 이미지 불투명도 애니메이션을 올바르게 수행 할 수 없음

http://i.stack.imgur.com/47R3k.png

을 검은 피치에 애니메이션을 어떻게 든 IE8에서이은 다음과 같습니다.

저는 오늘이 사실로 인해 약간의 회색 머리카락을 자랐습니다. 그리고 지금 커뮤니티에 의지하여 해결책을 찾았습니다.

출처

2011-11-29 Alehandro Darie

Google에서이 스레드를 발견했습니다. http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

이 솔루션 중 하나에 대한이 이야기입니다 :

.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; 

}

어떤 사람들은 또한 단위의 PNG 관념이 문제를 해결할 수 있음을보고하고있다. http://labs.unitinteractive.com/unitpngfix.php

출처

2011-11-29 14:14:06 Filip

답장을 보내 주셔서 감사합니다. 그러나이 수정 프로그램을 어떻게 추가 할 수 있는지 자세히 알려주십시오. 자세한 내용은 인정 될 것이다. –

img.bigFrameplaybutton에이 CSS를 추가하려고합니다. – Filip

내가 이것을 시도하자, 잠시만 기다려주십시오 ... –

Internet Explorer에서 이미지 불투명도 애니메이션을 올바르게 수행 할 수 없음

답변

관련 문제