Динамическое/адаптивное решение для перекрывающихся элементов div ⇐ Html

[Anonymous]

Я разрабатываю все больше и больше сайтов, дизайн которых включает перекрывающиеся элементы, например текстовое поле с изображением поверх него.

Это пример того, чего я пытаюсь достичь:
https://i.sstatic.net/7XSON.jpg

Я пытаюсь найти для этого хорошее решение, где его можно легко сделать адаптивным и не сломать, если контент-менеджер решит сделать текст длиннее, например. И желательно, чтобы их можно было легко анимировать или сделать парралаксом.

На данный момент я использую отрицательный запас для второго элемента:

Код: Выделить всё

Но, вероятно, это не очень хорошее решение.

Заранее прошу прощения, если этот вопрос здесь часто задают.

Подробнее здесь: https://stackoverflow.com/questions/539 ... pping-divs