Как сделать наложение цвета на картинку при наведении?

Question

[Игорь Мезенцев]

Есть такой макет, нужно чтобы при наведении на картинку картинка заливалась полупрозрачным цветом, плюс на картинке есть текст с названием альбома, нужно чтобы при наведении он исчезал, и появлялся собственно новый. На макете думаю это выглядит более менее ясно.

Comments

[Алексей]

Почитайте вот тут про отступы :) https://habrahabr.ru/post/281711/ и https://habrahabr.ru/company/netcracker/blog/281008/

Answer 1

[Алексей]

Я обычно так делаю.

Comments

[Игорь Мезенцев]

Из меня горе верстальщик, но может поможете, что не так?

[Алексей]

Позиционирование родительского блока задано в relative? Лучше код напишите.

[Игорь Мезенцев]

Алексей: codepen.io/spyrofunk55/pen/jqxQzB

[Алексей]

.first{
padding-top: 24px;
padding-left: 30px;
position: relative;
float: left;
}
Это все падинг вам мешает.
codepen.io/skazi_premiere/pen/JXvevm

Answer 2

[Владимир Хаттер]

z-index и rgba юзайте!

Answer 3

[Андрей]

Посмотрите как тут сделано

Answer 4

[Александр]

держите:
codepen.io/anon/pen/JXvmpJ