jquery循环插件顶部的Div

我正在使用jquery cycle插件，我想在幻灯片上添加一个部分，人们可以在其中登录。这是我希望它看起来的一个例子

我知道cycle插件是如何工作的，我就是不知道如何把东西放在上面。我将非常感谢您提供的任何帮助

---

谢谢

您可以使用幻灯片放映的几个选项轻松实现这一点：

首先，让我们添加登录框，在我的示例中，它有id

login

，我们还将告诉插件根据选择器“>div.cycle-slide”选择幻灯片，以便登录div不被视为幻灯片。最后，我们只需要确保并将登录框的z索引设置在幻灯片上方

例如：

HTML:

---

只需在CSS中为您的页面设置更高的z索引：@user2258356通常，您应该通过单击帮助您的答案旁边的复选标记来标记正确答案。这确保了未来的用户也能得到帮助，这也是堆栈溢出的工作原理。

 <div class="cycle-slideshow item" data-cycle-timeout="3000" data-cycle-speed="2000" data-cycle-slides="> div.cycle-slide" data-cycle-fx="fade">
    <div id="login">Your Login here</div>
    <div class="cycle-slide">
        <img src="http://placehold.it/550x550/" />

    </div>
    <div class="cycle-slide">
        <img src="http://placehold.it/550x550/ff0000" /> 

    </div>
    <div class="cycle-slide">
        <img src="http://placehold.it/550x550/" />

    </div>
</div>

div.cycle-slideshow {
    width: 550px;
    height: 550px;
}
#login {
    position: absolute;
    width: 200px;
    height: 400px;
    background-color:blue;
    top: 0;
    z-index: 99999;
    opacity: .5;
}
img {
    display:block;
    max-width:100%;
}