HTML如何在图像顶部创建可单击按钮

我想使一个网页与一个可点击的链接直接指向另一个网页的图像。我不希望整个图像是可点击的，只是它的一小部分

也许我的问题听起来很愚蠢，但我对HTML还是新手。

---

希望你们能帮助我

如果您想在某个地方创建图像链接的一部分，请使用图像映射。

如@programminginallston所说，您应该使用图像映射

要使用图像映射，请将

usemap

属性添加到

接下来，放入

标记并添加

我希望这有帮助
 另一种方法是将另一个元素（按钮、div等）放置在图像上方并使其可点击，这对于需要另一种方法的人来说也是如此。例如，您可以将不可见的div（css:
opacity:0；
）放置在任何需要的位置，并使其可单击

我使用jQuery使元素（div）可单击，因此您必须在该页面的
标记中包含对jQuery库的引用：

<map name="usethismap">
    <area shape="rect" coords="0, 0, 100, 100" alt="Area Description" href="otherpage.html">
</map>

，在那里我结合了imagemap和hidden div方法。
谢谢你的快速回答，但是我在哪里可以找到图像地图？只需搜索“图像地图”并浏览教程。这是一个常见的答案，但你可能会找到更好的答案，为什么这一答案在a.）正确，b.）被OP认可为答案时会被否决？我没有投票否决你，但我怀疑原因是你在回答中没有提供足够的信息。也就是说，如果您在评论中提供了链接的示例，那么答案不会被否决。然而，正确答案是+15；只投了反对票——1票。
<map name="usethismap">
    <area shape="rect" coords="0, 0, 100, 100" alt="Area Description" href="otherpage.html">
</map>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

#clickableDiv{
    position:absolute;
    top: 290px;
    left:85px;
    height: 20px;
    width: 30px;
    background-color:yellow;
    cursor:pointer;
}