不同浏览器的图像映射坐标

Question

我正在尝试创建一个图像映射，我在图像坐标上定义了指向其他一些页面的链接。现在我面临的问题是坐标的位置不是相对的。

如果图像位于不同的浏览器或不同的屏幕尺寸，则不保留坐标。我的意思是图像中特定位置的链接现在位于图像的其他位置。

任何人都可以提供一段代码，我可以在其中进行相对定位，即使浏览器大小或图像大小也会改变坐标位置。

我尝试使用百分比标签，例如COORDSCALE“50％，50％”，但它似乎是区域标签的错误属性。即使这个COORDSCALE =“ABSOLUTE | RELATIVE”也无效。

首先，这些是正确的属性吗？有相对定位的可能性吗？任何CSS或Javascript代码都会很棒。

Answer 1

用具有相对位置的div包裹图像。在里面使用绝对定位的元素来模仿imagemap应该做的事情。

Google＆＃34; CSS图片地图＆＃34;找到有关该技术的更多信息。