Javascript responsiveslides.js可以在页面背景中使用吗？

我正在使用reponsiveslides.js创建一个幻灯片，它在宽度和高度上100%填充浏览器背景

然而，我想在后台使用它——在页面内容后面。当我试图将内容放在container div中时，它似乎出现在sideshow后面；当我把它放在slides容器div的外面时，我似乎可以把它向上拉并放在上面

如果有人能给我一些建议，我相信这是一个快速解决办法

下面是一些代码：

<div id="container">

<ul class="rslides">
 <li><img src="img/highway.jpg" alt=""></li>
 <li><img src="img/sunset.jpg" alt=""></li>
 <li><img src="img/rocksLeaves.jpg" alt=""></li>
</ul>

<script>
$(function () {

  // Slideshow 1
  $(".rslides").responsiveSlides({
    speed: 2000,
  });

});

$（函数（）{
//幻灯片1
$（“.rslides”）.响应幻灯片({
速度：2000，
});
});

把东西放在这里

---

是否可以将幻灯片的z索引设为1，然后将包含您想要的所有内容的div的z索引设为2或3？（使用CSS…）您的图像不可见，请使用Fiddle中的完整链接我已将图像链接更新为服务器上的链接…感谢您再次编辑，因为标记中有容器，窗口中有css@JordanPlahn建议确实奏效了…因为内容现在位于幻灯片上方。但是如果有绝对位置和top:0，如何使内容在浏览器窗口中居中？

<div id="content">
<p>put stuff here</p>
</div>


</div>