@STREEET
Дизайнер и разработчик

Как разместить на странице два слайдера с наложением?

Добрый день, решил воспользоваться слайдером owl carousel 2. На странице расположил два слайдера, оба работают, необходимо чтобы нижний слайдер немного перекрывал верхний. Первый слайдер на всю ширину экрана, второй в контейнере bootstrap. У класса .owl-stage-outer стоит overflow: hidden, когда убираю его нижний слайдер заходит на верхний, но и выходит и за пределы контейнера.
Подскажите как сделать?
  • Вопрос задан
  • 160 просмотров
Решения вопроса 1
@STREEET Автор вопроса
Дизайнер и разработчик
Всем спасибо, разобрался, position: relative, поставил у первого слайдера, на который нужно наложить, а у второго margin-top: -60px, чтоб он на него наслаивался.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@vydayko
Front-end dev
нужно родителю поставить position:revative, потом ребенку с помощью z-index, выставь нужное наложение слоев
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы