테스트 사이트 - 개발 중인 베타 버전입니다

배경이미지에 링크를 걸고 싶습니다. 채택완료

디자인아루즈 2년 전 조회 1,938

직도 드림위버를 쓰고 있는 초보입니다.

예전에는 아무것도 아니었던게 지금은 부담으로 다가옵니다.

아래이미지중 특정부분을 영역으로 설정하여 링크를 걸고 싶습니다.

비교적 간단할것 같아 제잗의로는 맞지 않다고 판단하여 질문 남겨봅니다.

https://woosungent.com/product07.php" rel="nofollow noreferrer noopener" target="_blank">https://woosungent.com/product07.php

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
플라이
2년 전

해당 부분을 이미지 맵을 걸어적용을 해야 하나 반응형이다보니 크기변형이 있다보니 이미지맵을 참고하셔서 적용이 필요한 부분으로 보여집니다.

 

참고: https://usingu.co.kr/frontend/html/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A7%B5/

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

2년 전

반응형 이미지맵을 검색하면 플러그인을 사용해서 반응형에 맞게 이미지맵을 걸수 있습니다.

http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html 참고해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

이미지맵으로 구성하시거나, 이미지를 쪼각쪼각 내서 각각의 요소에 담고 레이아웃 구성 통해 합치는 수밖에 없어요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

2년 전

보이지 않는 div에 absoulte 로 영역을 잡고 a링크로 태우되, 반응형이면 모바일용 이미지를 하나 더만들어서 하는방법이 있겠지만  노가다이니 비추천드리고 아무래도 이미지맵을 쓰시는게 제일 좋아보이네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

A
2년 전

어떤 이미지 말씀하시는지 자세하게 설명 부탁드릴수있을까요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자인아루즈
2년 전
하단에 통 이미지가 있습니다. 이미지맵을 활용하면 좋을것 같은데 배경이미지이고 반응형이라
한번도 시도해본적이 없습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인