html - 如何将 map 标签用于重叠的两个图像？

Question

我们有两张带有透明部分的图片，每张图片都有一张 map ，它们分开工作正常。当使用 css position relative 和 absolute 重叠图像时，只有顶部 map 似乎有效。有什么方法可以让这两个 map 都起作用吗？

编辑:我们只关心在 Mozilla 和 w3 标准中工作，因此不需要 IE 解决方法。

Answer 1

这是设计使然。根据 HTML 4.01 规范，第 13.6.1 节(“客户端图像映射:MAP 和 AREA 元素”):

"If two or more defined regions overlap, the region-defining element that appears earliest in the document takes precedence (i.e., responds to user input)."

Source

请注意，对于那些以后来寻找同一问题的答案的人:这个答案没有解决重叠图像的问题。查看评论。