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

Question

[Combat7]

У меня есть блок с кликабельной картинкой. При наведении сделал через after ее затемнение и добавил картинку зума. Но получается что after - это слой сверху картинки, и она становится некликабельна. Как это исправить?
Буду благодарен если есть уроки как это сделать

Answer 1

[Anna_BS]

делать ссылкой весь блок
или добавить pointer-events: none к after (поддержка)

Comments

[Combat7]

Не в том дело, бифор сверху, и он не дает нажать на ссылку. она под ним получается

[Anna_BS]

Combat7: при добавлении pointer-events: none к элемент он будет прокликиватся

Answer 2

[Антон Федорян]

https://jsfiddle.net/7ao7424p/

Comments

[AldebaranTaurus]

огромное СПАСИБО! Воспользовалась только div:hover img{
opacity: 0.5;
} и картинка отлично осветляет фон! 2 часа на поиски этого в инете ушло!

Answer 3

[Илья Колин]

Да в чем проблема обернуть в "a"?
И эффект делать так же через "a", и иконку добавлять. И не использовать ни before ни after?

Comments

[Combat7]

Пример подкинете? А то я что-то не соображу

[Илья Колин]

Combat7: https://jsfiddle.net/j4cnvmu4/