Как сделать текст поверх слайдера?

Question

[Кристина]

Здравствуйте!
Центральное изображение - это слайдер.
Как сделать, чтобы текст был поверх слайдов?
Соответственно при адаптивной верстке текст оставался посередине слайдов.
Спасибо!

Comments

[sergey]

задайте ему position: absolute, ну и отцентрируйте

[Александр Пеньшин]

Абсолютным позиционированием

[Кристина]

SM: SM:
А как его корректно отцентровать, если при изменении размера экрана изображение будет уменьшаться?
Какие ему изначально задавать длину и ширину?

[sergey]

KrisIris: это не важно, слайд ширина 100%, высота - авто, главное ему position:relative задать, а вот для текста:
position: absolute,
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
и тогда текст всегда будет по центру, как по высоте так и по ширине

[Антон Вебсайтовский]

sergey, спасибо за решение.

Answer 1

[Андрей]

Какой именно текст? Тот что в центре выглядит как текст слайда и должен меняться при прокрутке вместе с изображением, по идее.
А вообще, relative/absolute и z-index вам в помощь. Все решается этими свойствами.

Answer 2

[ihutornoy]

Примените к обертке заголовков:

height: auto;
display: flex;
align-items: center;

Answer 3

[Mark]

z-index не пробовал?