基本JQuery滑块：想要在图像上移动幻灯片编号

Question

我正在使用Basic JQuery Slider（http://www.basic-slider.com/）。

默认情况下，数字标记（显示幻灯片的总数和您使用的幻灯片）位于图像下方，边距较小。我希望它们出现在图像底部。

我尝试了什么：

的 CSS：
我通过应用负边距顶部来推动图像，这是有效的。我给它们的z-index为9999（与左右按钮相同的z-index）。然而，出于某种原因，它们出现在图像的背后，而不是它们之上。这是我需要解决的问题。

JQuery的
我查看了左侧控件和标题的JQuery代码（它们都在幻灯片图像的顶部，但是我没有看到它们具有的任何特定内容（以及数字标记中缺少哪些内容）可以允许它们在图像之上......

我没有发布任何代码，但可以根据要求发布。我正在使用从Basic JQuery Slider站点下载的包中的bjqs.js，bjqs.css和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;
}