Почему исчезает тег при скроллинге страницы?

Question

[YVW]

Здравствуйте. Пытаюсь сверстать сайт, используя Fullpage.js
Есть три секции, в одной из которых присутствует горизонтальный слайдер
Необходимо, чтобы слово WORKS заданное тегом h2 постоянно находилось на верхнем слое, то есть отображалось поверх картинок в слайдере
Для этого задала ему z-index: 2
все хорошо, но при скроллинге вниз это слово исчезает просто исчезает
пыталась задать картинку и через img, и через background-img
эффект один и тот же
При том, если картинку к блокам слайдера не прикручивать, то все хорошо
Подскажите, пожалуйста, в чем может быть причина?


Вот пример исходного кода codepen.io/YVW/full/PPgNxZ

Answer 1

[Михаил Чирский]

А можно пример в студию?

Comments

[YVW]

codepen.io/YVW/full/PPgNxZ
примерно так

[Михаил Чирский]

YVW: Ну у вас же 3 блока, и только во 2 Works, если вы хотите, чтобы он был везде, сделайте ему position: absolute и выровняйте по центру.

[YVW]

Михаил Чирский: так вроде и так задано position: absolute у works

[Михаил Чирский]

YVW: Изначально не правильно построена верстка, определитесь, что должно быть и где, если хотите сквозной блок, зачем вставляете его во 2 блок, делайте его выше, + у вас родитель в котром 3 блока, height: 100% ну он не понимает это, если у вас динамеская высота при ресайзе, добавляйте родителю кол-во блоков * на высоту, чтобы все влезло, и вместо absolute, fixed тогда уж, чтобы оно перед глазами всегд было, absolute работает от relative, где вы его задаете в каждой секции, вот и ответ, он лежит во 2, там и остается, надеюсь ответил.

[YVW]

Михаил Чирский: спасибо большое, буду разбираться