요소에 마우스를 올리면 팝업이 표시됩니다. 순수한 CSS

Question

나는 약간 문제가있다. 예를 들어, 내부에 img가있는 div elem이 있습니다. 마우스를 요소로 가져 가면 다른 div를 표시해야합니다. js \ jquery를 사용하면 쉽게 할 수 있습니다. 하지만 난 내가 http://krisha.kz/ 예를 보았다 http://jsfiddle.net/3bTcF/

예를 간단한 코드를 들어 순수 html로 \ CSS를

이를 할 일이 필요합니다. 마우스가 사진을 입력하면 더 많은 콘텐츠가 표시됩니다.

어떤 몸이 저를 돕고, 아이디어,이 같은 방법 ещ вщ ше

Answer 1

뭔가를 줄 수 있습니까? http://jsfiddle.net/3bTcF/1/ 나는 CSS에 표시 속성 만 추가했습니다.

.caption:hover>.caption-popup { 
    display:block; 
} 

.caption-popup{ 
    position: absolute; 
    display:none; 
}