基本JQuery滑块:要在图像上方移动幻灯片号

Question

我使用的是基本的JQuery滑翔机(http://www.basic-slider.com/)。

默认情况下，数字标记(显示幻灯片总数和您所使用的幻灯片)位于图像下面，页边距很小。我要他们自己出现在图片的底部。

我尝试过的：

CSS:

我把图片推高了，用了一个负的页边距顶，效果很好。我给他们的z索引为9999 (与左键和右按钮相同的z索引)。然而，由于某种原因，它们出现在图像的后面，而不是在图像的顶部。这就是我需要解决的问题。

JQuery

我已经查看了左右侧控件和标题的JQuery代码(它们都位于幻灯片图像的顶部，但我没有看到它们有任何具体的(数字标记中缺少的)允许它们在图像的顶部.

我没有张贴任何代码，但可以这样做，如果要求。我使用的是从基本的bjqs.js Slider站点下载的包中的bjqs.css、JQuery和demo.css。

Answer 1

试试这个CSS：

.bjqs-markers { position:relative; top:-35px; }

Answer 2

尝试将这一行的z-index设为-1

li.bjqs-slide{
   z-index: -1;
}

作为+1

ol.bjqs-markers{
   margin-top:-35px;
   z-index:1;
}