2013-06-24 24 views
0

我正在尝试为新产品制作一个简单的登录页面。这个想法是在后台有一个完整的页面滑块,并且一个切换/面板可以滑过图像并显示内容。试图将slideToggle设置为高于背景/滑块

我使用这张幻灯片面板 - http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html 而Superslider可在nicianbox.github.is/supersliders

中找到,这是我的结果是,问题是,切换/面板推动滑块向下而不是幻灯片超过它。任何人都可以看到解决方案Z-index确实对我有好处。

http://robinwkurtz.com/MMC/index_8.html 而只是一个背景图片(如果滑块是不可能的最坏情况)上可以看到index_6.html

$(document).ready(function(){ 

    $(".btn-slide").click(function(){ 
    $("#panel").slideToggle("slow"); 
    $(this).toggleClass("active"); return false; 
    }); 
}); 

非常感谢!

+0

.panel {position:absolute;宽度:100%} – Malk

+0

感谢您的建议,不幸的是它没有实现我的目标。它将面板放在图像上,但将“标题”和控件留在顶部,使其无法使用。我会看看是否可以通过包装它或其他方法解决这个问题。 – robinwkurtz

回答

0

与Malk的anwser,我包裹切换元素和应用css ...它像梦一样工作。谢谢!