Question

我有一个简单的基本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移动到下一个图像则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>

Div不会位于Jquery滑块之上

0 个答案: