当我用指针点击超链接时，它不起作用

Question

请帮我弄清楚为什么“HOME”超链接不起作用。当我进入超链接时，无法用指针点击它。我尝试了一切。我是菜鸟，请多多指教

figcaption {
  position: absolute;
  cursor: pointer;
  pointer-events: none;
  bottom: 0;
  height: 10%;
  right: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 110%;
  color: black;
}

.video {
  position: fixed;
  width: 80%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

<div class="video">
  <figure>
    <a href="index.html">
      <figcaption>HOME</figcaption>
    </a>
    <iframe class="responsive-iframe" src="https://player.vimeo.com/video/..." width="1080" height="459" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
  </figure>
</div>

Answer 1

它不起作用，因为您添加了 css 作为指针事件的 figcaption:none。删除该行，它可能会起作用。

Answer 2

以下代码完全多余。您删除它，超链接将完美运行

cursor: pointer;
pointer-events: none;

Answer 3

很高兴为您呈现最终答案。有用：）。我测试和本地化知道你哪里错了，你搞砸了标签中的代码。使用我下面的代码作为参考。

您只需转到 vimeo 并再次复制嵌入的 link。您之前以某种方式损坏了 vimeo link 代码。现在你可以在这个答案上打绿色勾了，我们这次已经完成了:)。

<p><a href="https://vimeo.com/259411563">A Love Letter to Winter</a> from <a href="https://vimeo.com/thenorthface">The North Face</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  
  <div class="video">
    <figure>
      <a href="index.html">
        <figcaption>HOME</figcaption>
      </a>
      <iframe class="responsive-iframe" src="https://player.vimeo.com/video/259411563" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
    </figure>
  </div>

当我用指针点击超链接时，它不起作用

When I click on the hyperlink with the pointer, it doesn't work

html

css

hyperlink