我的图像很少,它们是动态来自数据库的。
当用户将鼠标悬停在图像上时,名称应显示在图像下方。
如何使用 CSS 或 jquery 做到这一点?
检查下图,这就是它应该的样子。
我的代码是
<div class="blue_strip_icon" style="padding-right: 15px;">
<a href="<%= pag.page.id %>" class="icon_link">
<img src="<%= @icon %>" title="<%= pag.page.page_title %>" />
</a>
</div>
CSS是
.blue_strip_icon{
float: right;
height: 50px;
padding-top: 10px;
}