Есть слик слайдер, в каждом слайде свое изображение, как в главном слайде поверх картинки расположить блок с тайтлом и кнопкой?

Question

[Борис Мусевич]

.second_slider .slick-slide.slick-current

Comments

[Ankhena]

Так и расположить.
Как бы вы это сделали, если бы это был не слайдер? Гриды, абсолюты...

Answer 1

[kfedor]

Разметку такую сделать:

Контейнер {position relative}
- Картинка
- Контейнер кнопки {position absolute}
-- Тайтл
--Кнопка

Comments

[Борис Мусевич]

от души кентуха, сделал кароч как ты сказал. потом через джиэс кластогл сделал тока крива получилось.

[kfedor]

Борис Мусевич, в каком смысле криво? Контейнер кнопки можно дополнительно стилизовать и спозиционировать относительно родительского контейнера параметрами top, left, right или bottom. К примеру, если нужно, чтобы контейнер тайтла и кнопки был в правом нижнем углу, то ему нужно задать свойства {right: 0, bottom: 0}

[Борис Мусевич]

kfedor, ну понятно, я сделал чтобы при наведении мыши становились видны тайтл с кнопкой, это ты мне помог базара нет, а как сделать чтобы они были видны тогда, когда слайду присваивается .slick-current

[kfedor]

Борис Мусевич, а можно код посмотреть, который сейчас имеется? Залейте на jsfiddle или codepen.

[Борис Мусевич]

kfedor, вот https://codepen.io/Boris228/pen/wvEEqJX

[Борис Мусевич]

kfedor, вот я хочу чтобы HELLO появлялось не по наведению мыши а на .slick-current

[kfedor]

Борис Мусевич, https://codepen.io/FedorKarasev/pen/OJooZmv

[Борис Мусевич]

kfedor, спасибо мастер