css 팝업?? 이럴땐 어떻게 하시나요?
샤르
2023.04.01
통이미지입니다. 신청하기, 완료후상담, 구매완료 가 그냥 하나인 통 이미지 인겁니다.
이때 신청하기 공간에 마우스 오버시 밑에 부연설명이 나오도록 작업을 하는건데요.
(완료후상담, 구매완료 공간에도 마찬가지로 메뉴에 맞는 부연설명이 나타납니다.)
작업이 이미 완료된 상태에서 추가사항으로 들어온거라서..
이럴때는 어떻게 작업하시는가 해서요;
div:hover p, p:hover {display:block;}
이렇게 사용하는 예제는 찾았는데 응용을 어떻게 해야할지 모르겠더라구요;;
positon값을 relative와 absolute로 사용해서 하는거 같던데..
통이미지안에서 다른 div를 잡아야 하니.. relative값이 아닌 absolute로 공간이 잡힐텐데;;
제가 찾은방법은 그냥 무시한다고 치고 저런경우에는 어떻게 작업을 하시나요??
신청하기, 완료후상담, 구매완료 이 이미지를 다시 잘라서 해야하는건가요?!
다시 잘라서 한다고 해도 어떤 방법으로 진행해야 하는지 도통 모르겠습니다 ㅠ
도와주세요~ 답변 부탁드리겠습니다!!!
-
해찬나래
이미지맵을 사용하시거나 div를 position:absolute 속성을 주고 마우스 오버할 위치와 크기에 맞게 설정한다음 거기에 마우스 오버 효과를 주면 되겠죠.