프로젝트에서 오랫동안 고민했던 상황이 발생했습니다. 왜 동일한 PNG8 이미지의 일부 아이콘이 IE6에서 사라졌나요? 당시에는 캐시나 호스트의 문제인 줄 알고 계속해서 브라우저를 열고 닫는데 실패했고, 반복적인 테스트 끝에 드디어 원인을 찾았습니다.
문제는 PNG8 이미지 자체에 있습니다. 다음 예에서는 IE6을 사용하여 탐색할 때 두 번째 행에 있는 4개의 아이콘이 보이지 않는 것을 확인할 수 있습니다. 데모
아래 4개의 아이콘은 90% "알파 투명도"로 조정된 것으로 나타났습니다(FW는 PNG8을 내보낼 때 "알파 투명도"를 유지할 수 있지만 PS는 이를 수행할 수 없음).
알파에서 반투명하게 표시되는 아이콘은 일반 브라우징 소프트웨어나 FF, Chrome, Safari, Opera, IE7 이상(IE6 제외)의 브라우저에서 정상적으로 열람할 수 있습니다.
실제로 IE6에서 PNG8의 "알파 투명도"를 지원하도록 하는 방법이 있는데, 이 방법은 PNG32 IE 필터와 동일합니다. 데모
위의 결과를 통해 문제의 원인이 png8 "알파 투명도"임을 알 수 있었습니다. 그리고 이번에 PNG8은 png 반투명도를 지원하지 않는 브라우저(예: ie6)가 png32와 같은 회색 배경을 갖는 대신 자동으로 완전 투명(예: gif)으로 다운그레이드된다는 점에서 png32와 다릅니다.