Почему ссылки закрывает фоновое изображение, и они становятся не юзабельны — даже если выставь им высший приоритет z-index?

Question

[JohnDoe116]

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

Answer 1

[Dima Polos]

Проверьте zindex родителя ссылок.

Comments

[JohnDoe116]

ни одному из элементов в группе не выставлен приоритет(включая контейнер), только этим ссылкам

[JohnDoe116]

всё нашёл, z-index не работает без свойства position

[Dima Polos]

JohnDoe116, с этого надо было начинать ;) конечно, не работает. Вы код не добавляли к вопросу, а так бы быстрее разобрались :)

[Николай]

Dima Polos, если картинки никак не взаимодействуют с пользователем, то можно такой способ попробовать, наложить pointer-events: none на img, тогда клик будет проходить сквозь картинку и задевать ссылку))

Answer 2

[Aiode]

Могу ошибаться , попробуйте картинке прописать position:relative; и прописать меньше z-index чем у сылки.

Answer 3

[JuniorPomidor]

Покажи структуру html.Попробуй ссылку и родительский блок поменять местами