在文本后面创建一个img clickable

Question

我有一个图像（圆形图像），其圆形区域指向某个URL，在该图像上面我有一些文字（一个简单的'＆lt; p＆gt;'标签）但是问题现在您必须单击该图像而不是文本才能转到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>