Iscmhzfhrbsuf
New Member
I'm trying to implement a feature for my website where hovering over an image shows its caption over the bottom of the image. Any tips on how to do this?I was trying to do it, but something in the css template I'm using was interfering.Here are the images I want to put captions for\[code\]<section class="5grid is-gallery"> <div class="row"> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/MicroChess.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/1a.jpg" alt=""></a> </div> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/ClusteringDistance.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/2a.jpg" alt=""></a> </div> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/FourInARow.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/3a.jpg" alt=""></a> </div> </div> <div class="row"> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/Fidelity.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/4a.jpg" alt=""></a> </div> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/Concordance.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/5a.jpg" alt=""></a> </div> <div class="4u"> <a href="http://stackoverflow.com/questions/15856556/matthewpiatetsky.com/PhotoShare.html" class="image image-full"><img src="http://stackoverflow.com/questions/15856556/images/6a.png" alt=""></a> </div> </div></section>\[/code\]Note: I tried to use these, not exactly sure what I was doing wrong.http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/