CSS 정보 상자 롤오버

팁 또는 정보 상자/풍선을 표시하는 이미지가 포함 된 간단한 롤오버를 만들려고합니다. 나는 이미지 래퍼 (wrapper)와 래퍼 (wrapper) 및 자식 (child)의 스타일을 지정하기 위해 이미지 src와 CSS를 담는 div 래퍼를 가지고있다. img src를 대화식으로 만드는 방법을 알 수 없습니다. CSS 정보 상자 롤오버

<div class="wrapper"> 
     <img src="images/gallery/wheat3.png" width="250" height="250" data-stellar-ratio="3.5" data-stellar-vertical-offset="200"> 
    </div>

내가 옆에서 보여주는 이미지 "wheat3.png"및 정보 상자 롤오버를 만들 : 다음은 HTML입니다. http://hatfielddesign.com/witbier_test/

감사 :

여기뿐만 아니라 테스트 링크입니다.

출처

2013-02-06 Derek Hatfield