div를 마우스로 가리키면

마우스가 YouTube 댓글과 같은 주요 영역 위에있을 때 나타나는 링크를 어떻게 만들 수 있습니까?div를 마우스로 가리키면

나는이 코드를 가지고있다. 그러나 마우스가 .showme 클래스 위에 있으면 showhim 요소처럼 보이지 않는다.

<div class="showhim">HOVER ME<div class="showme">hai</div></div> 

.showme{ 
display: none; 
} 
.showhim:hover .showme{ 
display : block; 
}

출처

2013-03-19 Stefan Frederiksen

나를 위해 일하십시오 :보십시오 jsFiddle http://jsfiddle.net/AaronBlenkush/Y8Ygh/ –

나는 showme에 때 또한 볼 필요가있다. 마우스가 작은 십자가에있을 때 유튜브 좀 봐 (보고서) –

'.showme'은'.showme '의 자식이기 때문에'.showme' 위에 마우스를 올려 놓을 때도 볼 수 있습니다 * ... [ 피들] (http://jsfiddle.net/AaronBlenkush/Y8Ygh/1/)? 어떤 브라우저 및 버전을 실행하고 있습니까? –

아마도 내부 div가 외부의 흐름에 있어야합니다. 이 경우

.showhim:hover .showme{ 
    display : inline-block; 
}

를 사용하거나, 너무 내부 사업부에 대한 :hover에 내부 사업부를 표시 할 경우,

showme{ 
    visibility: hidden; 
} 
.showhim:hover .showme{ 
    visibility: visible; 
}

한 가지를 사용 어쩌면 당신은 IE 6 더러운 테스트 Redmond에서 나온 사람이 <a/> 이외의 요소에 :hover을 알지 못합니다. 그는 display: inline-block을 알지 못합니다.

출처

2013-03-19 18:29:52

[친구가 IE6를 사용하도록 허용하지 않음] (http://www.ie6countdown.com/) –

@AaronBlenkush, +1 그럼 70 억 명의 친구가 되길 바랍니다. ;-) –

동일하게 보입니다. 위의 제 의견을 살펴보십시오. –

div를 마우스로 가리키면

답변

관련 문제