Как сделать так, чтобы при наведении на блок, у него менялся фон и на нем появился текст?

Question

[Segan565]

У меня есть блок, с картинкой в качестве бэкграунда. Как сделать так, чтобы при наведении курсора на этот блок, у него поменялся бэкграунд и появился текст? Заранее спасибо)

Answer 1

[Сергей ZSA]

Создаете внутри него ещё один блок с текстом, которому задаёте прозрачность в css в 0. Далее просто при наведении на родительский блок меняете прозрачность на 1.

В коде это будет примерно так:

.parent {bg}//// это блок с вашим фоном
.parent .childe {opasity: 0;}/////это блок с вашим текстом
.parent:hover .childe {opasity: 1;}

Comments

[Segan565]

Спасибо)

Answer 2

[Вячеслав Лебедев]

На мобилках нет ховера, учитывай это.
Один из вариантов решения

Comments

[WayMax]

На мобилках нет курсора, учитывай это.