2013-06-24 2 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 я завернул элементы переключения и применил css ... Он работает как сон. Благодаря!