Jquery标题样式项

我喜欢在图片的浮动列表上有标题标签标题。。。 我已经设法做了一些jquery来获取并完成这个任务 但是位置或css不起作用

也许我的“基地”错了。。。。帮助

这是网页：

---

这就是我的灵感

我找到了正确的答案

使用图像替代标签制作漂亮的字幕
/*样式包装元素*/
.caption{位置：相对；显示：块；}
.caption div{position:absolute；padding:5px；bottom:0；文本对齐：居中；行高：150%；颜色：#ffffffff；背景：#000000；}
使用图像替代标签制作漂亮的字幕

和或jquery部分：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Wrap up images
  $('img').each(function() {
    $(this).wrap('<div class="caption"></div>').after('<div>' + $(this).attr('alt') + '</div>');
    $('.caption').width($(this).width()).children('div').each(function() {
      $(this).css({width: $(this).siblings('img').width(), opacity: 1, display: 'block'});
    });
  });
});
</script>

$（文档）.ready（函数（）{
//总结图像
$（'img'）。每个（函数（）{
$（this.wrap（“”）.after（“”+$（this.attr（'alt'）+“”）；
$（'.caption'）.width（$（this.width（））.children（'div'）.each（function（））{
$（this.css（{width:$（this.sibbines（'img'）.width（），不透明度：1，显示：'block'}）；
});
});
});

您使用的是什么标记？你能发布一个到目前为止你已经得到的演示，或者一个你想要的屏幕截图吗？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Wrap up images
  $('img').each(function() {
    $(this).wrap('<div class="caption"></div>').after('<div>' + $(this).attr('alt') + '</div>');
    $('.caption').width($(this).width()).children('div').each(function() {
      $(this).css({width: $(this).siblings('img').width(), opacity: 1, display: 'block'});
    });
  });
});
</script>