不同瀏覽器的圖像地圖坐標

Question

我正在嘗試創建一個圖像映射，在該圖像映射上我定義了指向其他頁面鏈接的坐標。 現在我面臨的問題是坐標的位置不是相對的。

如果圖像使用其他瀏覽器或不同的屏幕尺寸，則不會保留坐標。 我的意思是，位於圖像中特定位置的鏈接現在位於圖像的其他位置。

任何人都可以提供一段代碼，在其中我可以有一些相對位置，即使瀏覽器大小或圖像大小也會隨之改變。

我嘗試使用百分比標簽，例如COORDSCALE“ 50％，50％”，但是Area標簽似乎是錯誤的屬性。 即使此COORDSCALE =“ ABSOLUTE | RELATIVE”也不起作用。

首先，這些屬性正確嗎？ 是否有可能相對定位？ 任何CSS或Javascript代碼都會很棒。

Answer 1

用具有相對位置的div包裹圖像。 在其中使用絕對定位的元素來模仿imagemap應該做的相同事情。

谷歌“ CSS圖片地圖”找到有關該技術的更多信息。