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

我正在使用jQuery显示图像

alt

图像悬停文本

现在，我想显示文本底部，但目前将顶部。如何修复

我想要的是：

---

jsIDLE:

在

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---; 

}

在
div.capty-caption

在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---; 

}

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

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

在您的JSFIDLE中：

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

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

在您的JSFIDLE中：

修改的插件代码：

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

h.html（“”+j.attr（“alt”）+“”）；

检查此处的工作演示：
修改的插件代码：

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

h.html（“”+j.attr（“alt”）+“”）；

检查此处的工作演示：
检查此

我已经降低了
高度：50
检查我在那里评论的小提琴脚本
检查这个

我已经降低了
高度：50
检查了我在那里评论的小提琴脚本
你有没有尝试过html5
figure
tag如果你没有使用
alt
text来做这件事，你的生活会轻松得多。你有没有尝试过html5
figure
tag如果你没有使用
alt
text来做这件事，你的生活会轻松得多做这个。@Rajnikanth你检查过这个吗？@Rajnikanth你检查过这个吗？嗨，笑话10当我把这个代码放到我的实时代码中时，我看不到文本。有什么想法吗？从fiddle复制粘贴代码..你检查了fiddle吗？.它正在工作ryte？是的，你的代码对我来说是完美的，但我正在再次检查。可能是你犯了语法错误。它在JSFIDLE中工作得很好。彻底复制粘贴它，并特别检查插件代码。检查是否缺少分号或冒号。嘿嘿。。你肯定：）嗨，笑话感10当我把这个代码放到我的实时代码中时，我看不到文本。有什么想法吗？从fiddle复制粘贴代码..你检查了fiddle吗？.它正在工作ryte？是的，你的代码对我来说是完美的，但我正在再次检查。可能是你犯了语法错误。它在JSFIDLE中工作得很好。彻底复制粘贴它，并特别检查插件代码。检查是否缺少分号或冒号。嘿嘿。。是的：）是的，我已经检查了文档，但是当我悬停时文本会上升。文本必须显示在底部位置。除了底部的文本之外，您想在所有图像中显示黑色矩形吗？嘿，多诺万·夏平：是的：）我没有一个很好的解决方案，但是如果您使用填充，您可以复制此效果：。否则，您可以使用span标记将文本包装在.capty标题中，并添加所需的样式。是的，我已经检查了文档，但当我悬停时文本会向上移动。文本必须显示在底部位置。除了底部的文本之外，您想在所有图像中显示黑色矩形吗？嘿，多诺万·夏平：是的：）我没有一个很好的解决方案，但是如果您使用填充，您可以复制此效果：。否则，您可以使用span标记将文本包装在.capty标题中，并添加所需的样式。