Как сделать оверлей на определенный div?

Question

[Эрзо Решидов]

Есть div:

<div class="desc"><img src="http://..."><p>Балконы</p><a href="">Подробнее</a></div>

Хотелось бы сделать так, чтобы при наведении поверх всего отображалась прозрачная картина.

Answer 1

[neolink]

.desc {
    position: relative;
}
.desc:hover:after {
    left: 0; top: 0; 
    width: 100%; height: 100%;
    position: absolute;
    content: "";
    background: red url('http://...');
    opacity: 0.5;
}

я думаю идея понятна

Comments

[Эрзо Решидов]

Спасибо. Получилось