javascript - 基本滑块:在图像下方放置标题

我需要显示新闻的图片幻灯片，其中可以显示一个或多个图片。

如果只有一张图像，则导航栏应隐藏。此功能是内置的。

但是我正面临着将图像标题恰好移到图像下方的问题。我可以将CSS p.bjqs-caption的底部边距更改为-30px。这会移动标题，但隐藏在某些东西下并且不可见，我尝试了所有选项，例如z-index和其他内容，但似乎没有任何作用。

在此方面的帮助，我将不胜感激。

滑块：http://www.basic-slider.com/

我尝试设置小提琴，但小提琴上的演示无法正常工作http://jsfiddle.net/rUXAt/1/链接

更新：工作提琴http://jsfiddle.net/rUXAt/2/

最佳答案

试试这个
设置ul和li的高度：355px！和颜色为p.bjqs-caption

p.bjqs-caption {
    background: none repeat scroll 0 0 #CCCCCC;
}
p.bjqs-caption {
    bottom: 0;
    color: #000000;
    display: block;
    margin: 0;
    padding: 2%;
    position: absolute;
    width: 96%;
}

ul.bjqs {
    display: none;
    height: 355px !important;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

li.bjqs-slide {
    display: none;
    height: 355px !important;
    position: absolute;
}