Как сделать блок который будет поверх img?

Как сделать вот так вот? https://gyazo.com/6a8027145816de708aa82696eaa96065
Пробовал сделать через позиционирование и отрицательный margin-bottom, но нужно что бы этот блок появлялся при наведении

1 ответов


не уверен что правильно понял.
В css 'z-index: 10' поставь. А когда нужно чтобы картинка появлялась поверх блока, то меняй 'z-index: 0'
И поставь отрицательный margin у блока на размер картинки.
Это тебе нужно?