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

Image map coordinates for different browsers

本文关键字:映射 坐标 图像 浏览器      更新时间:2023-09-26

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

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

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

我尝试使用像坐标比例"50%,50%"这样的百分比标签,但这似乎是区域标签的错误属性。甚至这个坐标尺度="绝对|相对"也不起作用。

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

用具有相对位置的div 包裹图像。在它内部使用绝对定位的元素来模仿图像映射应该做的事情。

谷歌"CSS图像地图"以查找有关该技术的更多信息。