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！important; 和颜色到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;
}

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

2 个答案: