css:hover 질문

Question

안녕하세요 스타벅스 홈페이지를 클론코딩 하고 있는 학생 입니다. 리스트에 마우스를 올렸을 때, 해당 상세 gnb가 나와야 하는 코드를 작성을 했습니다.하지만, 사진 과 같은 영역에 마우스를 올렸을 때 상세gnb가 나오는 현상을 발견 했습니다. 스크립트는 사용하지 않았습니다.혹시 왜 이런 현상이 나오는지 궁금합니다. 구조 html 입니다.호버 하지 않았을때의 상태인 css 입니다. 호버를 했을시 css 입니다. (아 그리고 만약 이런 기능을 스크립트로 작성을 했을때, 위와 같은 에러가 나는걸 버블링이라고 하는게 맞는지도 궁금합니다..!!)

shintwl · Answer

display:none이 아니라 opacity로 조정하고 계시니눈에만 안보이는거지 완전 투명한 상태로 존재는 하고 있는 거고 그래서 그 영역에 마우스를 올리면 어딘가의 hover가 작동해서 opacity를 바꾸는 것 아닐까요?개발자도구 키셔서 어떤 클래스의 hover가 작동하는지 확인하시면 원인을 찾으실 수 있을 것 같습니다

css:hover 질문

1개의 답변

#hover 목록