Javascript 视差上的可点击图像

我试图做的是创建菜单，而不是链接，一个可点击的图像。然而，这些图像是视差层。我应该如何处理这个问题？可点击的图像应该在不同的层上吗

这是我将要使用的图像。我想让背景中的那个塔带你们去画廊，但同时，那个层，正如前面提到的，将是视差

---

有什么想法吗？

如果您创建一个包含绝对定位链接的单独视差层作为一种导航形式，这可能是一个好主意。如果您严格希望将图像上的某些区域映射为链接，则可能需要使用标记，如本例中所示，该标记取自：

形状定义了每个可点击区域的区域类型，坐标定义了所述区域的周长；href属性定义单击所述区域时页面导航的位置

要使用非基本形状实现此目的，可以将类型设置为“多边形”，然后将多边形的每个定位点坐标设置为：

<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="Yellow star.">

此外，在这个网站上也可以看到同样的效果：这是一个网页吗？您将使用什么前端框架？我认为“java”标签是错误的，不知道如何解决这个问题。现在任何有用的东西都对我有好处。是的，它将是网页你完全需要javascript，而不是Java谢谢，我编辑了标记但这些是原始形状，不是吗？我也可以使用自定义形状吗？调整了我的答案，以包括一个实现自定义地图区域形状的解决方案。我将尝试一下，让您知道我确实使用形状获得了它，但这会处理视差吗？坐标在使用视差时会发生变化，所以我认为这不是最好的解决方案这会使图像上的可点击区域固定在图像上，因此它们应该一起移动。如果您想让可单击区域将视差移动到图像中，则需要仅为导航创建一个新的视差层，因此需要一种不同的方法。

<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="Yellow star.">