javascript - 页面后台可以使用responsiveslides.js吗？

Question

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

但是，我想在后台使用它——在页面内容后面。当我尝试在容器 div 中放置内容时，它似乎出现在杂耍后面；当我将它放在幻灯片容器 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,
  });

});

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


</div>

这是我的jsfiddle