Добавление текста над изображениями в HTML

Question

Недавно я получил руку на этот фрагмент Visit https://codepen.io/artistic18/pen/xyLmpq и подумал об использовании этого, но проблема в том, что всякий раз, когда я пытаюсь добавить какой-либо текст, он добавляется в фоновом режиме, и я не могудобавьте его выше последнего слоя.Кроме того, анимации Nav Bar также не работают.

Project Link- Visit https://github.com/Artistic18/MyPortfolio Не стесняйтесь редактировать его.

Answer 1

z индекс панели навигации и текста должен быть больше, чем фоновый контейнер.

Answer 2

Добавьте абзац в конце HTML (<p class="text...), а затем в CSS: .text{ color:white;mix-blend-mode: exclusion;}