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>