Javascript 基本滑块：将标题放在图像下

我需要显示的新闻，可以有一个或多个图像显示图像幻灯片放映

如果它只有一个图像，那么导航栏应该隐藏，这个功能是内置的

但我面临的问题是将图像的标题移动到图像的正下方。我可以将css

p.bjqs-caption

的底部边距更改为-30px。它移动了标题，但隐藏在某个东西下面，不可见。我尝试了所有选项，如

z-index

和其他东西，但似乎没有任何效果

在这方面，我将不胜感激

滑块：

我试图设置小提琴，但小提琴上的演示是不工作的链接

更新：工作小提琴

试试这个，

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

放置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;
}

试试这个， 放置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;
}

试试这个， 放置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;
}

试试这个， 放置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;
}

检查工作小提琴

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

检查工作小提琴

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

检查工作小提琴

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

检查工作小提琴

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

---

现在拉小提琴检查@SridharR，谢谢我无法找出问题所在…现在拉小提琴检查@SridharR，谢谢我无法找出问题所在…现在拉小提琴检查@SridharR，谢谢我无法找出问题所在…现在拉小提琴检查@SridharR，谢谢，我不知道出了什么问题。。。