기 타 html 질문
2020.04.17 17:50
혹시 아래의 코드를 실행했을때 이미지 속 '웹사이트 연결' 부분에 마우스 올렸을때 손모양으로 바뀌고 네이버로 링크걸리게 하려면 어떻게 해야할까요?
<!DOCTYPE html>
<html>
<head></head>
<body>
<img src="https://mcusercontent.com/211f16e91d482e9e41b27d80c/images/520a0957-0ff7-4645-9774-3919346c4789.png" width=600 style="max-width: 1000; padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" class="mcnImage" usemap="#gotoweb" alt="">
<map name="gotoweb">
<area shape="rect" coords="400,240,600,295" href="http://www.naver.com/" alt="">
</map>
</body>
</html>
댓글 [3]
-
mandoo 2020.04.17 18:17
-
사라락 2020.04.17 19:31 width=600
이 부분을
width:600;
이렇게 수정하세요
-
메리아 2020.04.17 21:50
잘은 모르지만
이미지 크기에 따라 다이나믹하게 하려면 간단하게는 안되는 모양이네요.
https://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images
img 태그에 width 를 지우거나 수정하세요.