图像外部的HTML图像映射

我必须在包含许多图像的网页上生成

和

元素。每个图像都必须通过

usemap=“#map1”

，

usemap=“#map2”

等链接到相应的

对于这种情况，我想添加一个1x1绝对定位（顶部：0，左侧：0）

（锚图像）。然后，我将所有的

标记组合成一个

（超级地图），由锚图像引用

尝试此操作时，当我将鼠标移到超级映射中定义的

标记上时，这些标记不会激活（它们位于1x1锚图像之外）。我试着制作锚定图像宽度：100%，高度：100%，并玩它的z索引（出于其他原因，我仍然需要与页面上的图像交互）。不幸的是，当z索引使

元素可单击时，它会阻止我与图像交互

---

还有什么我可以试试的吗？谢谢

你能详细说明一下为什么需要这么多地图吗？如果你有很多图像，为什么不把每个图像分割成一个单独的动作，然后简单地把它们放在

a

标签中呢

---

或者，为什么不将图像合并成一个较大的图像，然后使用较少的贴图？

我必须允许客户端通过在图像上绘制矩形来“标记”图像，以便动态创建贴图。它们可以多次标记每个图像。问题是每页也有许多图像，我试图避免创建单独的地图，并跟踪哪个地图属于哪个图像。因此，我尝试了锚定图像的想法。为什么制作许多地图是个问题？听起来它们好像是生成的，而不是手写的。谢谢，最后我把它们都分开做了。