[이런 저런 이야기] css :hover 질문좀요

.image 라는 클래스명을 가진 div 를 display:none 으로 평소엔 안보이게 하다가

.bt 이라는 클래스명을 가진 div 위에 마우스를 올릴때만 나타나게 하려고 하는데요

잘되질 않아 도움을 구해봅니다

이렇게 해보았는데 되지않더라구요 ㅠㅠ 아래의 방법이 맞긴 맞는건가요?

.image { display:none; }
.bt:hover .image { display:block; }

[비트코인]

.bt .image { display:none; }
.bt:hover .image { display:block; }
안 되면
.bt:hover .image { display:block !important; }

[뻐럿]

visibility:hidden을 쓰면 될 것 같네요
.image { display:none; }을 하면 해당 dom object를 아예 안그려서 브라우저에서 영역 검사를 못할거 같은데

[비트코인]

div는 기본적으로 블록이고, display: none 먹인건 하위엘리먼트라 딱히 .bt에 뭔가 넣지 않았으면 별 상관은 없는데,
구형브라우저에서는 :hover 선택자가 지원이 되지 않을 수 있습니다.