IE6 이하에서 png24 로 저장된 이미지의 알파값을 제대로 구현하지 못해 생기는 오류라고 합니다.
이 오류를 자바스크립트와 css 로 해결할 수 있는 방법입니다.
- 자바스크립트 함수를 정의
<script>
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/bpng24b/i,'');
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
obj.src='';
return '';
}
</script>
- css 정의
<style>
.png24 {tmp:expression(setPng24(this))} //공통페이지 적용 스타일
</style>
- 각 이미지 속성에 class="png24" 지정
※ CSS 를 DB 에 넣어 관리하는 형태의 경우 안될 수도 있으니 그럴 땐 파일로 저장해서 불러오시기 바랍니다.
