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

Question

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

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

Here's my jsfiddle