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

2년 전 조회 2,085

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

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

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

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

https://woosungent.com/product07.php

감사합니다.

답변 5개

채택된 답변
+20 포인트

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

 

참고: 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/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

답변에 대한 댓글 1개

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

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

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

로그인
🐛 버그신고