javascript - 图像 Wordpress 顶部的可点击 figcaption 链接

Question

我正在帮助一个 friend 建立一个 Wordpress 页面，但我遇到了一个我不知道如何解决的问题。

我在边栏中添加了一些图像小部件，这些小部件链接到网站上的不同类别。问题是图像文本应该在半透明框中的图像之上，而这个框不是可点击的链接。是否可以将相同的链接添加到框中？

小部件生成如下例所示的 HTML 结构，我添加了一些 CSS 来显示半透明文本框的外观。

figcaption {
  position: relative;
  height: 80px;
  width: 300px;
  background: white;
  top: -235px;
  left: 85px;
  padding-top: 60px;
  text-align:center;
  opacity: 0.8;
  font-weight: bold;
  font-size: 140%
}

<figure>
  <a href="some link">
    <img src="http://static.highsnobiety.com/wp-content/uploads/2016/09/07200609/super-mario-run-iphone-7-01-480x320.jpg">
  </a>
  <figcaption>Super Mario</figcaption>
</figure>

Answer 1

外观 > 自定义 > 附加 CSS

figcaption
{
    cursor: pointer;
    pointer-events: none;
}