on-hover div 표시가있는 WordPress 이미지 격자

Question

3x3 격자의 그림을 만들고 각 이미지에 대한 긴 설명이있는 div를 표시하는 것이 가장 쉬운 방법이 궁금합니다. 나는 이것을 WordPress 페이지에서 만들 계획이다. 감사! 당신이 가장 쉬운 방법을 요구하기 때문에

Answer 1

, 당신은 자바 스크립트없이 그것을 할 수 있지만 (적어도 이전 버전의 브라우저를위한 ... 기침 IE 기침) 다소 제한적으로 지원을해야합니다. 엄지 손가락 아래에 숨겨진 (overflow: hidden;을 갖는)과 엄지 호버에 표시되어 절대 요소 일 수

<ul class="thumbs"> 
    <li> 
     <img src="some_image_here" alt="some_description" /> 
     <p class="description">Lorem ipsum dolor sit amet</p> 
    </li> 
</ul> 

설명 자체 : 되는 HTML은 다음과 같을 것이다.
내 아이디어의 예 : 사용자의 요구에 맞게 엄지 손가락의 크기를 조정할 수 물론

http://jsfiddle.net/SjF3N/

, 나는 그냥 jsfiddle 레이아웃에 맞게 노력하고있어.