html - 标签内的 HTML img 仍然不可点击

Question

<figure>
<a href="eternity-ring.html"><img src="eternity-ring.png" width="10%" alt="Trulli" style="width:100%"></a>
<figcaption>eternity ring</figcaption>
</figure>

我放置了一个“a”属性，它应该使图片可点击，以便将我带到另一个页面。问题是它不能完全点击，只有左侧可以点击，但我希望所有图像都可以点击。有人可以帮帮我吗？

（顺便说一句，这里是它的 CSS）

figure {
padding: none;
margin: auto;
margin-left: 11px;
width: 10%;
float: left;
text-align: none;
direction: rtl;
}

它仅在我删除float: left;但我需要它时才有效。

标签： htmlcss

Answer 1

如果你希望它figcaption是可点击的，那么你应该把它放在<a></a>标签内。figure或者，用<a></a>标签包裹整个。