html - 在文本后面制作可点击的 img

Question

我有一个带有指向某个 URL 的圆形区域的图像（圆形图像），在该图像上我有一些文本（一个简单的“< p >”标签），但现在的问题是你有单击该图像而不是文本以转到 URL，当您单击文本时，您只是选择文本，没有别的。

请问我该如何解决？

<p>this is the text<br />
that is not clickable, only selectable :( </p>
<img src="circle.png" alt="" usemap="#hitzone" />
<map name="hitzone">
    <area shape="circle" coords="0,0,100" href="#">
</map>

Answer 1

你可以试试：

<p>
    <a href="your url here" style="text-decoration: none; color: black">Click me</a>
</p>
<img src="circle.png" alt="" usemap="#hitzone" />
<map name="hitzone">
    <area shape="circle" coords="0,0,100" href="#">
</map>