html - 图片链接顶部的链接

Question

我正在构建登录页面，但遇到了问题。我有一个项目的图像，单击该图像将放大画廊模式，并且在该图像的顶部，它是指向该项目的 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 -->

我做错了什么？

标签： htmlbootstrap-4