인프런 커뮤니티 질문&답변

Gyeongdeok PARK님의 프로필 이미지
Gyeongdeok PARK

작성한 질문수

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

부드러운 움직임 구현 2 (transition)

나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요

해결된 질문

작성

·

248

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

너무 좋은 강의 잘 듣고 있습니다!

mouse 강의 마지막 따라 하고 있는데요

강의를 따라해도 조금 다르게 작동하는 경우가 있어서 질문 남깁니다.

버튼에 마우스를 올리니 호버기능이 작동하는데 나비가 올라오는 순간 호버 기능이 꺼져버립니다. 이 경우 어떻게 해야할까요?

 

 

답변 1

1

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

안녕하세요.

나비 이미지가 버튼 위에 있어서 겹쳐지며 버튼을 막아버리는건데요.

나비 부모인 .box에 속성 하나 추가해주시면 해결이 됩니다.

참고로 바로 뒤 강의에서도 나옵니다.

 .box {
    pointer-events: none; 
}
Gyeongdeok PARK님의 프로필 이미지
Gyeongdeok PARK

작성한 질문수

질문하기