• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

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

23.06.14 00:38 작성 조회수 177

0

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

 

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

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

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

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

 

 

답변 1

답변을 작성해보세요.

1

안녕하세요.

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

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

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

 .box {
    pointer-events: none; 
}