Ссылка поверх ссылки на изображение

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

<div class = "row masonry-wrap">
  <div class = "masonry">

    <div class = "masonry__brick" data-aos = "fade-up">
      <div class = "item-folio">


        <div class = "item-folio__thumb">

          <a href = "images/portfolio/gallery/LiveStreaming.png" class = "thumb-link" title = "Live" data-size = "1617x1440">
            <img src = "images/portfolio/LiveStream500x625.jpg" srcset = "images/portfolio/LiveStream500x625.jpg 1x, images/portfolio/LiveStream1000x1250.jpg 2x" alt = ""></a>
        </div>

        <a href = "https://www.behance.net/gallery/77261419/Live-Streaming-Landing-Page-Design" class = "item-folio__project-link" title = "Project link">
                            Project Link
                        </a>

        <div class = "item-folio__text">
          <h3 class = "item-folio__title">
            Live Streaming Landing Page
          </h3>
          <p class = "item-folio__cat">
            UI Design
          </p>
        </div>

        <div class = "item-folio__caption">
          <p>A modern touch to a simple service. UI design made in Sketch for a Live Streaming Landing Page.</p>
        </div>

      </div>
      <!-- end item-folio -->
    </div>
    <!-- end masonry__brick -->

  </div>
  <!-- end masonry -->
</div>
<!-- end masonry-wrap -->

Что я делаю неправильно?

нет ничего явно неправильного в html, который вы разместили, он должен исходить из css или javascript, нам нужно увидеть их, чтобы помочь в дальнейшем.

digital-pollution 11.03.2019 15:27

Я размещал код дыры на Codepen, чтобы поделиться им здесь, как и просили, но он работал. Я действительно не мог этого понять. Итак, в конце концов я поместил встроенный js в тег ссылки: onclick = "window.open(this.href); return false;" onkeypress = "window.open(this.href); return false; И с этим все заработало. Спасибо, @digital-pollution

Teditedutu 13.03.2019 12:01

указывает, что, возможно, есть еще одно событие javascript, переходящее к вашей ссылке. Если вы работаете с какой-то сторонней галереей, то ваше решение является достаточно чистым решением. :)

digital-pollution 13.03.2019 13:48
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
3
96
0

Другие вопросы по теме