无法让地图标签正常工作

Question

我很难让映射标记正确地用于图像。想知道是否有人可以看看我做错了什么。我遇到的问题是让地图甚至出现。图像都可以正常加载，但是当我映射并 link 某个部分（或整个图像）时，什么也没有出现。

HTML:

<div id="leftColumn">
<img src="/img1.jpg"><br><br>
<img src="/img2.jpg"><br><br>
<img src="/img3.jpg" usemap="#Map2" border="0">
<map name="Map2">
<area shape="rect" coords="80,298,371,377" href="www.SomeSite.com">
</map><br><br>
</div>

CSS 如果重要：

#leftColumn {
    height: 100%;
    width: 61%;
    float: left;
}

我认为这是正确的，但也许从 Dreamweaver 到实际站点的某些内容没有正确处理坐标？我不知道，但我一直坚持这个..

Answer 1

可能存在几个问题：

图像文件链接在网络服务器的根目录中，尝试./img3.jpg
确保映射图像的尺寸大于地图坐标，即在本例中为 298x377 像素
您将 div#leftColumn 设置为宽度：61%；什么？，图像是否适合该宽度？

编辑

图像为 1530 x 380 像素（固定尺寸）
您的地图有 291 x 79 像素（固定尺寸）
图像在动态调整大小的元素中为父元素宽度的 61%

解决方案：
- 保持图像/父元素的固定大小.. - 放大地图尺寸

无法让地图标签正常工作

Can't get map tag to work correctly

html

css

imagemap