Div不会位于Jquery滑块上方

我有一个简单的基本JQuery图像滑块，它工作得很好，但我试图在顶部放置一个div。现在，如果我把div放在每张幻灯片上，它就可以工作了，但我希望在图像淡入下一张幻灯片时，有一个div坐在那里

<div id="slider-wrapper" style="margin-top: 100px;">

        <div style="float: left; background:rgba(255,255,255, 0.9);  padding-left: 40px; padding-top: 30px; padding-bottom: 20px; width: 450px; height: 165px; z-index: 99999;">
        <h1 style="font-size: 28pt;">
        <?php include("profileuserdata.php"); ?>
        </div>

        <div id="editslide">
        <ul id="jsddm">
        <li><a href="#">Change</a>
        <ul>
            <li><a href="#">Upload File</a></li>
            <li><a href="#">From Your Folio...</a></li>
        </ul>
        </ul>
        </div>




        <div id="slider">

        <div class="sp" style="background:url(http://topwalls.net/wallpapers/2012/11/Wallpaper-Rays-Color-Black-Background-1024x1024.jpg); width: 980px; height: 340px; padding-top: 120px; paddin-bottom: 20px; margin-top: -40px; margin-bottom: 0px;">

        </div>

无法将其应用于每张幻灯片的原因是，我覆盖的div包含用户数据，用户可以动态编辑这些数据，但如果div在移动到下一张图像时位于幻灯片上，则编辑框仅在返回到该幻灯片时才会显示

我使用了z-index，当它淡出时可以看到滑动图像下方的div。这里是滑块的css：

<style>
#slider-wrapper {width:500px; height:200px; z-index: 00000;}
#slider {width:500px; height:200px; position:relative;z-index: 00000;}
.sp {width:500px; height:200px; position:absolute;z-index: 00000;}
</style>

#滑块包装{宽度：500px；高度：200px；z索引：00000；}
#滑块{宽度：500px；高度：200px；位置：相对；z索引：00000；}
.sp{宽度：500px；高度：200px；位置：绝对；z索引：00000；}

看起来您缺少几个div-end标签来开始with@Anders这只是滑块代码顶部的一个片段，不必担心结束div…我明白了！您希望在顶部显示哪个div，以及哪个div包含图像？需要位于顶部的div是未命名但以div style=“float…”开头的div名为slider的div id是图像所在的位置。实际上，名为sp的div类就是图像，但是如果我在上面提到的链接，它会工作，但是我希望它作为一个整体位于图像滑块的顶部，而不仅仅是一个图像，如果这有意义的话？