Как наложить картинку верхним слоем?

Question

[Максим Шадрин]

Всем привет. Сделал слайдер, используя библиотеку owlcarousel2
Картинка горшка и прочего была сверстана поверх всего остального, но как только я инициализировал слайдер, она стала обрезаться, что-то я не могу найти, какое свойство это делает. Нужно, чтобы выглядело так:


Вот сайт: sandbox.maximshadrin.ru/afp-layout/main.html

Comments

[alex]

какое свойство это делает

overflow: hidden;

Answer 1

[alex stephen]

z-index

Comments

[alex stephen]

И не забывайте про position:absolute;

Answer 2

[Дима Паутов]

Обрезает свойство overflow: hidden. Благодаря которому и можно создавать слайдеры. Увеличче высоту самого слайда, под высоту горшка

Answer 3

[silencer-spirit]

Горшку {
position: relative;
z-index: 9999;
}

Comments

[alex]

побольше девяток, чтоб наверняка

Answer 4

[Максим Шадрин]

Насколько я понял, блок с текстом(который ниже) придется пихать внутрь слайда, хоть он и не будет меняться, иначе пикчу на него не наложить?

Comments

[silencer-spirit]

Если Вам нужно сделать горшок поверх слайдера, то сделайте его псевдо-элементом блока ниже. Задайте ему position: relative, top: -(высота) и z-index.