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

Question

[flare0n]

<div class="slider">
					<div class="slider-item" style="background-image: url(img/256.png)">
						<div class="slider-text">
							<div class="slider-title">sd</div>
							<div class="slider-description">dd</div>
							<a href="#" class="slider-link">a</a>
						</div>
					</div>
					<div class="slider-item" style="background-image: url(img/256.png)">
						<div class="slider-text">
							<div class="slider-title">sd</div>
							<div class="slider-description">dd</div>
							<a href="#" class="slider-link">a</a>
						</div>
					</div>
					<div class="slider-item" style="background-image: url(img/256.png)">
						<div class="slider-text">
							<div class="slider-title">sd</div>
							<div class="slider-description">dd</div>
							<a href="#" class="slider-link">a</a>
						</div>
					</div>
				</div>

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

Answer 1

[Ankhena]

Отдельный блок с абсолютным позиционированием.

<div class="block">
  <div class="slider"></div>
  <div class="text"></div>
</div>

Comments

[flare0n]

Можешь кодом описать, пожалуйста?
Уже закипел просто.

[Ankhena]

flare0n, это вроде уже кодом?

[flare0n]

Ankhena, Читал не редактированую версию

[flare0n]

Ankhena, А картинки куда? Бэкграундом получается только одна. А нужно 3-4 слайда
Пробовал вставлять в - текст уходит вниз, а картинки в ряд просто

[Ankhena]

flare0n, так внутри слайдера тоже самое, что у вас было до этого. Ну кроме текста.

[flare0n]

Ankhena, slider-item с бэграундом?

[Ankhena]

flare0n, С бэкграундом, просто img или еще как угодно. Без разницы как будете делать сами слайды.
Главное, что общий контейнер relative, блок с текстом абсолют и нужный z-index.

[flare0n]

Ankhena, я попробую с утра, но вроде я так уже делал. Картинки просто становятся в ряд...

[Ankhena]

flare0n,
Если картинки становятся в ряд, значит вы не правильно подключили слайдер. Правда фоном для слайдов они в этом случае тоже встанут в точно такой же ряд.

https://jsfiddle.net/cebkourh/

[Ankhena]

flare0n, вот пример прямо со слайдером https://jsfiddle.net/6sdkx348/

[flare0n]

Ankhena, Спасибо, очень помогли.