6. :hover 작동하지 않는 경우

지금까지 화면 전환을 하려할 때, css opacity: 0; 과 opacity: 1; 을 이용했다.

그런데 방금!! 갑자기 멀쩡히 되던 hover 기능이 작동하지 않았다. 

 

구글링 끝에 나름의 결론을 얻었다. 

 

opacity: 0;
pointer-events: none;

 

 

이렇게 코드를 작성하니 opacity: 1; 인 div 클래스 안에 있는 button:hover 이벤트가 제대로 작동했다. 

 

아직 코린이라 이유는 잘 모르는데 잘 해결되서 다행이네,, 😶