나의 첫 번째 개체는 "dog-letter" 클래스의 개체입니다. 여기에는 "dog" 클래스와 "letter" 클래스의 두 개체가 있습니다. 호버에서 사라지게 만들었습니다. 두 번째 개체는 "개 코" 클래스가 있는 검은색 원입니다. 하지만 이 개체가 나타난 후에는 클릭할 수 없습니다.
업데이트
사용 후 z-index:1 첫 번째 개체는 일관성을 제공하지만 여전히 매번 두 번째 개체를 클릭할 수 없습니다.
커서를 조금만 움직여도 클릭이 안되네요.
으아아아 으아아아
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
귀하의 코드는 .dog-letter 호버링에 의존하는데 이는 좋지 않습니다. 해당 코드가 포함된 상자(.dog-letter, .dog-nose)를 호버링하면 애니메이션을 실행할 수 있습니다. 저는 .dog-letter-box를 사용하고 있습니다. 새 div를 추가하고 그 안에 .dog-letter, .dog-nose를 넣을 수 있습니다.
또한 호버링 후 개 문자에 대해 포인터 이벤트:없음을 사용하고 있습니다. 여기서는 개 코를 호버링하고 링크를 클릭할 수 있습니다.