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

Question

[Борис]

Добрый день, решил воспользоваться слайдером owl carousel 2. На странице расположил два слайдера, оба работают, необходимо чтобы нижний слайдер немного перекрывал верхний. Первый слайдер на всю ширину экрана, второй в контейнере bootstrap. У класса .owl-stage-outer стоит overflow: hidden, когда убираю его нижний слайдер заходит на верхний, но и выходит и за пределы контейнера.
Подскажите как сделать?

Answer 1

[Борис]

Всем спасибо, разобрался, position: relative, поставил у первого слайдера, на который нужно наложить, а у второго margin-top: -60px, чтоб он на него наслаивался.

Answer 2

[Sergey Vydayko]

нужно родителю поставить position:revative, потом ребенку с помощью z-index, выставь нужное наложение слоев