@frontmaker

Как сделать наложение текста на background?

Как можно сверстать такой элемент с наложением картинки на текст?
7e5435e7344d461885fc39784cfdeb17.png
  • Вопрос задан
  • 837 просмотров
Решения вопроса 1
Ravell
@Ravell
Верстайло
Ваше изображение - это коллаж сделанный в фотошопе.
Теоретически это можно сверстать, если вырезать из картинки листики зелени и наложить их второй картинкой сверху.
ae01f00473804155b701a935f9e838c0.gif
Не очень практично, но возможно сделать.
Фотошоп нужно знать хоть чуть-чуть в любом случае ;)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
sinneren
@sinneren
А чем плохи два метода:
Div - ему фоном картинку, а дальше текст? Очевидно, див растянуть на высоту и ширину, а фон bg-size: cover
ну или тот же див с картинкой сделать абсолютным, а сверху див с текстом и z-index ы задать, не забыть проставить position:relative Диву с текстом
либо тут вообще телу картинку задать без подстроения под размер, по центру, а дальше контент. проблема-то в чём?
Ответ написан
Комментировать
Symphony
@Symphony Куратор тега CSS
Комментировать
@frontmaker Автор вопроса
суть в том, что часть картинки наезжает на буквы это реально имитировать?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы