CSS中的可点击图像

Question

我想知道是否可以在 CSS 中使图像可点击到某个点。当我的图像不是方形或圆形时，就像它边缘内部的部分一样。

这张图片：

更新了图片..

Answer 1

在 CSS 中，最好的办法是尝试使用 CSS transform properties 来操纵锚点，但我怀疑你会得到想要的效果。了解图像是什么以及可点击区域可能会让网站上的人们更好地了解使用 transform 属性的最佳解决方案。

但是使用 HTML，您可以通过使用 image map 来实现此效果。这是推荐的解决方案，但不符合 CSS 要求。

其他 2 个选项是 canvas 或 SVG，但我不会在此答案中详细介绍这些选项。