使用css

Question

我有这个代码，不幸的是我无法触摸html使figcaption成为<a>的孩子。问题是，figcaption绝对位于<a>上方，因此该区域无法点击。我想用css搞定，是否有可能？

现在，标签位于figcaption下，因此figcaption可防止点击发生。

<figure class="gallery-item">
  <div class="gallery-icon landscape">
    <a href="" style="
    display: block;
    height: 100%;
    width: 100%;
">
      <img width="200" height="162" src="http://static.hogarmania.com/archivos/201204/estrenimiento-gato-bebe2-xl-668x400x80xX.jpg">
    </a>
  </div>
  <figcaption class="wp-caption-text gallery-caption" id="gallery-1-123">
    Pintura al óleo de un planeta toroidal
  </figcaption>
</figure>