2008-10-29 4 views
1

알파 세트가있는 GIF 이미지가 있고 Firefox 3.0에서 내 사이트를로드 할 때 이미지 부분에 투명하게 작동합니다. 그러나 IE7에서 GIF 이미지를로드하려고하면 다시 솔리드 블록으로 돌아옵니다. 사실, 그것은 투명한 영역으로 채혈 된 이미지의 색과 같습니다.IE에서 작동하는 이미지 투명도를 얻는 방법

누구든지 이런 종류의 문제를 해결하기위한 제안이 있습니까? 조사 대상에 대한 포인터 또는 이러한 종류의 문제를 해결하는 데 사용한 경로.

나는 이것을 CSS에서 제어 해왔다. 조건부 코멘트 라우트와 여러 CSSes를 피하고 싶지만 IE 호환성 문제를 어떻게 해결할 수 있는지 분명하게 제시한다면 도움이 될 것이다. 당신이 바로 그것을 얻을 때까지 번호가 엉망 -

감사합니다, 숀

답변

2

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

먼저 이미지를로드하십시오. 이미지 또는 일부 CSS 규칙이 잘못되었는지 알려줍니다.

그래도 문제가 해결되지 않으면 다른 프로그램으로 다시 저장해보십시오. 김프가 할거야.

편집 : CSS 수준에서 어떤 규칙에 배경색이 나타나는지 확인하고 싶습니다. 가능성이있는 후보를 쉽게 찾을 수 있어야합니다. 색상을 # ff0000으로 변경하고 예상대로 이미지가 변경되는지 확인하십시오. 그런 규칙이 IE에는 표시되지만 FF에는 표시되지 않는 이유를 파악합니다. 페이지에 대한 URL이 있으면 살펴볼 수 있습니다.

+0

CSS 수준입니다. – torial

1

이 두 가지를 사용해보십시오. IE 용이고 FF/크롬 인 4get

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

png로 전환하여 gif 투명도 문제가 해결되었습니다. IE7은 PNG 알파 채널을 올바르게 renderes합니다.

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

+0

경고 : IE6에서는 24 비트 PNG의 알파 투명도가 작동하지 않습니다. 8 비트를 사용하십시오. –

0

이상한입니다 - 내가 CSS 파일에 문을 주석 무슨 생각에서 문제를 발견 : 두 이미지를 포함하는 요소에

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

이었다.

나는 각 대답을지지했다. 감사!

+1

아 ... 그건 CSS 코멘트가 아닙니다! CSS 만 사용/* This is a comment */ – Greg

+0

또한 질문을 닫을 수도 있습니다. – Powerlord

관련 문제