IE6 PNG이미지 처리 & 배경으로 사용하기
이전에 올라온 활용팁과 크게 다르지 않습니다.
다만 저의 개발환경에서 테스트했을때 성공했던 팁을 토대로 말씀드리겠습니다.
또한 PNG를 배경으로 사용했을때 처리하는 팁은 SIR에서는 없더군요.
<head></head> 사이에 아래의 소스를 넣어주세요.
<script type="text/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>
<style type="text/css">
.png24 {
tmp:expression(setPng24(this));
}
</style>
png 이미지가 들어있는 img 태그에서 class="png24"를 추가하여주세요.
이런식으로 ie6에서 png 이미지를 처리할수 있구요
png를 배경으로 사용하실 경우 아래와 같이 스타일을 추가하여 줍시다.
저는 td에 png백그라운드를 넣었습니다.
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/icon_limit_bg.png');"
IE6이하 버전에서는 테스트를 하지 못했습니다.
링크에 올린 주소가 지금 작업중인 사이트 주소구요.
메인에 친구에게 알리기 타이틀과 아이콘 그리고 남은 시간을 보여주는 아이콘과 숫자뒤에 배경에 쓰인 이미지가 PNG입니다
감사합니다.
다만 저의 개발환경에서 테스트했을때 성공했던 팁을 토대로 말씀드리겠습니다.
또한 PNG를 배경으로 사용했을때 처리하는 팁은 SIR에서는 없더군요.
<head></head> 사이에 아래의 소스를 넣어주세요.
<script type="text/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>
<style type="text/css">
.png24 {
tmp:expression(setPng24(this));
}
</style>
png 이미지가 들어있는 img 태그에서 class="png24"를 추가하여주세요.
이런식으로 ie6에서 png 이미지를 처리할수 있구요
png를 배경으로 사용하실 경우 아래와 같이 스타일을 추가하여 줍시다.
저는 td에 png백그라운드를 넣었습니다.
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/icon_limit_bg.png');"
IE6이하 버전에서는 테스트를 하지 못했습니다.
링크에 올린 주소가 지금 작업중인 사이트 주소구요.
메인에 친구에게 알리기 타이틀과 아이콘 그리고 남은 시간을 보여주는 아이콘과 숫자뒤에 배경에 쓰인 이미지가 PNG입니다
감사합니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 1개