Question

我在jQuery中编写了自己的图像滑块，从图像的底部向上滑动了一个标题div。

请参阅以下链接上的演示：http://beta.marhaba.co.nz/about

在Google Chrome浏览器中查看此页面时，您会注意到图片底部没有出现图片底部，而是从图片下方看。为了更好地理解我所描述的内容，请参阅我发布的链接。

如何解决此问题？请注意，标题div的高度为：auto。

我目前按照以下方式设置字幕div的动画：

$('.caption-container', $(this)).effect('slide', {direction: 'down'}, 'fast');

Answer 1

我很确定这里的问题是你的CSS，而不是你的JavaScript。您可以尝试设置以下CSS吗？

div#barak ul.pictures {
    overflow:hidden;
}

我认为这会阻止标题显示在幻灯片下方。