如何使用css在图像底部设置文本

Question

我正在使用jQuery Caption Plugin在图片悬停上显示图片alt文字。

现在我想显示文字底部，但目前是最重要的。如何解决。

我想要的是什么：

JSFiddle：Sample

Answer 1

如果您阅读文档，则可以复制粘贴此代码

$('#content').capty({
  height:   46,
  opacity:  .6
});

在你的jsFiddle： jsFiddle here

$(function() {
    $('.default').capty({
      height:   46, // Here you init the height of your caption
      opacity:  .6
    });
});

Answer 2

在div.capty-caption

中设置css

在css中的这个集height或line-height属性中，它会有用

就像JQUERY.CAPTY.CSS

一样

div.capty-caption {
    background-color: #000;
    color: #FFF;
    font: bold 11px verdana;
    padding-left: 10px;
    padding-top: 7px;
    text-shadow: 1px 1px 0 #222;
    line-height:---SET HERE---; 

}

Answer 3

修改过的插件代码：

 h.html('<div style="position:absolute;top:210px;">'+j.attr("alt")+'</div>');

点击此处查看工作演示：http://jsfiddle.net/F3rCK/

Answer 4

选中此http://jsfiddle.net/UP5xk/4/

我减少了height:50检查我在那里评论的小提琴脚本