Как правильно настроить slick slider для background?

Question

[pandaman30]

Решил сделать динамический задний фон, для одной секции. В качестве инструмента решил воспользоваться slick slider, чтобы он менял фоновое изображение. Но проблема в том, что контент теперь располагается не на фоне, а под ним.
Подскажите, что нужно сделать, чтобы слайдер стал фоном, а не блоком.

<div class="content">
			<div class="content__slider">
				<div class="content__item"></div>
				<div class="content__item"></div>
				<div class="content__item"></div>
				<div class="content__item"></div>
			</div>
<div class="content__item"></div>

Comments

[Роман Ямчук]

Какой-то непонятный кусок вёрстки, почему за контейнером слайдера находится ещё один content__item?

Для вашей задачи - вам необходимо на контейнер, в котором находится слайдер, накинуть css-свойство position: relative. На сам слайдер - position: absolute; z-index: 10; width: 100%; height: 100%; left: 0; top: 0; - чтобы растянуть по родителю

Answer 1

[Kirito Kirigaya]

Я думаю дело в том, что вам нужно сладеру прописать стили, что-бы он был под контентом.

position: absolute;
z-index: -1;