Я пытаюсь создать простую целевую страницу для нового продукта. Идея состоит в том, чтобы иметь полноэкранный слайдер в фоновом режиме, с переключателем/панелью, которая будет скользить по верхней части изображения и отображать контент.Попытка установить 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;
});
});
Большое спасибо!
.panel {position: absolute; ширина: 100%} – Malk
Спасибо за предложение, к сожалению, он не достиг того, что я собирался. Это привело панель к изображению, но оставило «заголовок» и элементы управления сверху, что сделало их непригодными для использования. Я посмотрю, смогу ли я обойти это, обернув его или что-то в этом роде. – robinwkurtz