열심히 인터넷을 뒤진 결과 아래의 방법을 찾았습니다.
| 참고 : 갤러리 POMODORO |
| |
1. <head>와 </head>사이에 다음 스크립트를 삽입
<script language="javascript">
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');";
obj.src='';
return '';
}
</script>
2. <head>와 </head> 사이에 다음의 스타일을 추가
<style type="text/css">
.png24 {
tmp:expression(setPng24(this));
}
</style>
3. 표시하고자 하는 png 이미지의 링크에 다음을 추가한다.
<img src="./images/dap_100.png" class="png24">
|
이 방법도 잘되긴 하는데 이미지에 맵을 걸면 맵이 작동을 안하더군요..
또 열심히 검색을 했습니다.
| 참고 : http://cshong.tistory.com/116 |
| |
일반적인 이미지 태그인 경우
ie6png.rar 파일을 압축해제하면 다음 4개의 파일을 볼 수 있다.
blank.gif
iepngfix.htc
index.html
sample.png
위의 파일중 실제로 필요한 파일은 blank.gif, iepngfix.htc 파일 두 가지다. index.html, sample.png 파일은 샘플파일이다.
IE6에서 PNG 투명처리를 위해서는 두 가지만 설정해주면 된다. 먼저 CSS 정의 부분이다.
<style type="text/css">
img { behavior: url(iepngfix.htc); }
</style>
다음은 iepngfix.htc 파일 14번째 라인에 있는 blank.gif 경로를 설정한다.
var blankImg = "blank.gif";
※ iepngfix.htc 파일과 blank.gif 이미지의 경로를 수정하고 싶으면 위와 같은 방법으로 수정을 하면 되겠다. |
| |
백그라운드로 설정하는 경우
이번에는 PNG 이미지를 백그라운드로 설정하는 방법이다. 배경으로 사용할 부분에 다음과 같이 CSS를 정의한다.
<style type="text/css">
*.sample {
behavior : url(iepngfix.htc);
background: url(sample.png);
}
</style>
<div class="sample">PNG 이미지 배경으로 사용할 부분</div> |
일반적인 이미지 태그인 경우를 이용하니 이미지맵도 정상적으로 작동을 하네요..
ie6png.rar