試圖將slideToggle設置爲高於背景/滑塊

我正在嘗試爲新產品製作一個簡單的登錄頁面。這個想法是在後臺有一個完整的頁面滑塊，並且一個切換/面板可以滑過圖像並顯示內容。試圖將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; 
    }); 
});

非常感謝！

來源

2013-06-24 robinwkurtz

.panel {position：absolute;寬度：100％} – Malk

感謝您的建議，不幸的是它沒有實現我的目標。它將面板放在圖像上，但將「標題」和控件留在頂部，使其無法使用。我會看看是否可以通過包裝它或其他方法解決這個問題。 – robinwkurtz

與Malk的anwser，我包裹切換元素和應用css ...它像夢一樣工作。謝謝！

來源

2013-06-25 02:35:00 robinwkurtz

試圖將slideToggle設置爲高於背景/滑塊

回答

相關問題