У меня проблема с использованием fancybox на начальной загрузке 4

Question

Я получил этот код:

<section class="call-to-action text-white text-center" id="Productos">
<div class="overlay"></div>
<div class="container">
<div class="col-xl-9 mx-auto">
<h2 class="mb-4">Productos</h2>
</div>
    <a data-fancybox="gallery" href="img/ImagenShowcase.png"><img src="img/ImagenShowcase.png"></a>
    <a data-fancybox="gallery" href="img/ImagenShowcase.png"><img src="img/ImagenShowcase.png"></a>
    <a data-fancybox="gallery" href="img/ImagenShowcase.png"><img src="img/ImagenShowcase.png"></a>
    <a data-fancybox="gallery" href="img/ImagenShowcase.png"><img src="img/ImagenShowcase.png"></a>
</div>
</section>

, и когда я использую его с начальной загрузкой, я не могу нажимать на изображения, чтобы вытащить лайтбокс, иди, что делать, я потратил как месяцна этом.

Answer 1

Этот элемент делает все элементы под ним недоступными, удалите его, и он должен работать нормально -

<div class="overlay"></div>

https://codepen.io/anon/pen/eLJKRm?editors=1100

Другое решение было бы добавить pointer-events: none; к этому элементу:

https://codepen.io/anon/pen/VGedrM?editors=1100

Кстати, ты действительно потратил на это месяц? Вам просто нужно было щелкнуть правой кнопкой мыши и выбрать «Проверить элемент».