Позиционирование блока с ссылкой и картинкой с тенью?

Question

[kimqar_ver]

Есть блок - ссылка, и картинка, которая делает тень, получается, что у картинки z-index:1, а у блока со ссылкой z-index:0, и на ссылку нельзя нажать. Если делать блоку z-index выше, чем у картинки, то тень пропадает. Как сделать так, чтобы ссылка была выше z-index картинки, но сам блок ниже z-index, чем у картинки?
Блок "версия для слабовидящих"

Comments

[Максим]

есть блок с з-индэксами а видно только скриншот :))

[kimqar_ver]

Максим Ленский, времени нет на codepen залить, сроки горят )))

[Ankhena]

Что вы называете тенью и почему она сделана картинкой?

времени нет на codepen залить, сроки горят )))

Т.е. вы думаете, что мы за вас напишем песочницу и это будет быстрее? )))
Так работает фриланс.

[kimqar_ver]

Ankhena, вот этот круг - это картинка, у нее z-index выше чем у ссылки, и из-за чего появляется прозрачность текста, как сделать так, чтобы можно было нажимать на ссылку? Сейчас не работает клик на ссылку, т.к она меньше z-index, чем у картинки

[Ankhena]

kimqar_ver, pointer-events

[kimqar_ver]

Ankhena, спасибо!

Answer 1

[Ankhena]

Используйте pointer-events: none, чтобы сделать блок прозрачным для клика.