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

Question

我想創建一個圖像地圖，其中我定義了圖像座標，這些座標是指向其他頁面的鏈接。現在我面臨的問題是座標的位置不是相對的。

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

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

我試圖給像COORDSCALE「50％，50％」這樣的用戶百分比標籤，但它好像是Area標籤的錯誤屬性。即使這個COORDSCALE =「ABSOLUTE | RELATIVE」也不起作用。

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

Answer 1

將包含具有相對位置的div的圖像包裹起來。在它內部使用絕對定位的元素來模仿圖像映射應該做的相同的事情。

Google「CSS圖像映射」可以找到關於該技術的更多信息。