트릭은 더 높은 곳에 마우스 오버를 적용하는 것입니다.
보이지 않는 것에 마우스를 올려 놓을 수 없습니다. 그러나 보이지 않는 항목이있는 항목 위로 마우스를 가져갈 수 있습니다.
따라서 다음과 같은 작업을 수행하는 대신 :
.hidden:hover { visibility: visible; }
대신 li과 같은 부모 요소에 넣으십시오.
li:hover .hidden { visibility: visible; }
이제 숨겨진 항목이 포함 된 li 위로 마우스를 가져 가면 숨겨진 항목이 나타납니다.
이제는 원하는 것을 정확하게 제공하기 위해 컨테이너를 조정하는 것입니다. =)
출처
https://stackoverflow.com/questions/22050226