IE에서 이미지 투명성을 작동시키는 방법 [폐쇄

Question

알파 세트가있는 GIF 이미지가 있으며 내 사이트가 Firefox 3.0에로드되면 이미지의 부분에서 투명하게 작동합니다. 그러나 IE7에 GIF 이미지를로드하려고하면 단단한 블록으로 돌아옵니다. 실제로, 그것은 이미지의 색상이 투명한 영역으로 피를 흘리는 것과 같습니다.

이런 종류의 문제를 해결하기위한 제안이 있습니까? 조사해야 할 사항 또는 이런 종류의 문제를 해결하는 데 사용한 경로에 대한 지침.

나는 CSS에서 이것을 제어하고 있습니다. 그리고 조건부 의견 경로와 여러 CSSE를 피하고 싶지만 제안이 IE 호환성 문제를 해결할 수있는 방법을 실질적으로 보여 주면 기꺼이 기꺼이 할 것입니다.

고마워요, 션

Answer 1

IE (모든 버전)에서 투명한 GIF에 문제가있는 것을 기억하지 못합니다.

먼저 자체적으로 이미지를로드하십시오. 이미지가 이미지인지 또는 일부 CSS 규칙이 잘못되고 있는지 알려줍니다.

여전히 틀린 경우 다른 프로그램으로 다시 저장하십시오. 김프는 할 것입니다.

편집 : CSS 수준에 있으므로 규칙에 어떤 배경색이 나타나는 지 확인합니다. 색상을 #FF0000으로 변경하고 이미지가 예상대로 변경되는지 확인하십시오. 그런 다음 해당 규칙이 IE에 표시되지만 FF가 아닌 이유를 파악하십시오. 페이지에 대한 URL이 있으면 살펴볼 수 있습니다.

Answer 2

이 두 가지를 시도해보십시오. 올바르게 얻을 때까지 숫자를 엉망으로 만드십시오. IE 4GET는 IE이고 FF/Chrome입니다.

opacity: 7;
filter: alpha(Opacity=7);

Answer 3

PNG로 전환하여 GIF 투명성 문제를 수정했습니다. IE7은 PNG 알파 채널을 올바르게 렌더링합니다.

투명한 PNG 인쇄는 여전히 IE7에서 제대로 작동하지 않습니다.

Answer 4

이것은 기이한 - CSS 파일에서 언급 된 내용의 문제를 발견했습니다.

//margin-top: 46px;
//background-color: #377696;

두 이미지가 모두 포함 된 요소에있었습니다.

나는 각 대답을 발전시켰다. 감사!