Почему открытие lightbox'a по клику, работает в определенном месте?

Question

[Aleksandr]

Всем привет.
На сайт добавлен lightbox Fresco, по клику на иконку открывается галерея.
Но кликнуть нужно в определенное место на этой иконке, выяснил что этому виной появление текста и затемнения при наведении на иконки, т.е если убрать текст "тыкнув" куда угодно все откроется.
Без текста нельзя, есть какое то решение.
Всем большое спасибо за любой ответ.

Answer 1

[Александр Цымбал]

У обертки текста, который перекрывает иконку, нужно добавить CSS свойство pointer-events: none; - это правило нужно в ситуациях, когда какой-то элемент должен присутствовать на странице, но события мышки (наведение, нажатия) проходили его насквозь, до слоя, находящегося под ним.

https://jsfiddle.net/yu5dat2L/1/ - в этом случае добавил pointer-events к селекторам .thumbs:before (градиентная черная плашка) и .thumbs .caption (текст поверх).

Comments

[Aleksandr]

Проверил, спасибо большое!

Answer 2

[Aleksandr]

Быстрый пример (если кликнуть на середину верхушки то работает) как сделать чтобы работал клик по всей картинке
https://jsfiddle.net/dxak1q27/

Comments

[Aleksandr]

BD_ l3ftoverZ!, поправил, сорри