Как написать текст на фото в css?

Question

[Alex1564]

Подскажите пожалуйста как написать текст на фото?

Answer 1

[ThunderCat]

Див, в диве бэкграундом фото, в диве текст. Если как на скрине - достаточно задать цвет бэкграунда, картинка не нужна.

Answer 2

[approximate solution]

div.wrapper
   image
   text

.wrapper {
position: relative;
}

.text {
position: absolute;
left: 50%;
top: 50%
transform: translate(-50%, -50%);
}

Картинку можно затемнить добавив overlay поверх нее, задать z-index: 1 для оверлея, и для текста z-index: 2;

Comments

[Alex1564]

У меня тут колонки и фото отдельно и нужно как-то перенести текст на фото





Add photo

[approximate solution]

Alex1564, Зачем нужны колонки? У вас в блоке логика - до\после?

[Alex1564]

approximate solution,

[Alex1564]

approximate solution, какая полоса?)

[approximate solution]

Alex1564, залейте код на codepen. Так будет проще показать.