<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title> ie6 png이미지 이미지 맵 걸기 </title>
<style type="text/css">
<!--
img{border:0; vertical-align:top;}
* html .png24{tmp:expression(setPng24(this)); position:relative;}
.aa{position:relative; background:#ddd;}
* html .aa .ie6_mapfix{position:absolute; top:0; left:0;}
-->
</style>
<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>
</head>
<body>
<div class="aa">
<img src="test.png" width="790" height="80" alt="" usemap="#map" class="png24" />
<!--[if lt IE 7]>
<img src="test.gif" width="790" height="80" alt="" usemap="#map" class="ie6_mapfix" />
<![endif]-->
<map name="map" id="map">
<area shape="rect" coords="13,8,136,24" href="#" onclick="alert('이미지 맵으로 링크 걸린곳');" alt="" />
</map>
</div>
</body>
</html>
'css' 카테고리의 다른 글
| hide (접근성 해치지 않는) (0) | 2012.04.19 |
|---|---|
| IE6 png 투명처리 (0) | 2012.02.17 |
| png 핵 (0) | 2012.02.17 |
| IE6 select 버그 - iframe (0) | 2012.02.16 |
| 팝업시 배경에 검은레이어 (0) | 2012.02.16 |