基本滑块：在图像下方放置标题

Question

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

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

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

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

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

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

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

Answer 1

检查工作提琴

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

http://jsfiddle.net/rUXAt/2/

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