html - 从 gimp 生成的图像映射不起作用

Question

我使用 gimp 生成了这个图像映射，当我将代码添加到我的网站时，它就像那里根本没有链接一样。任何可能发生这种情况的原因。

<img src="images/footerlinks.jpg" width="175" height="66" border="0" usemap="#map"/>
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:David -->
<area shape="rect" coords="32,72,239,415" nohref="nohref" /></area>
<area shape="rect" coords="393,320,483,336" href="http://www.dance-mate.com/details.html" /></area>
</map>

Answer 1

您定义的areas超出图像边界（图像高 66 像素，第一个链接的顶部为 72 像素，第二个链接为 320 像素）。矩形中点的顺序是 left, top, right, bottom)。您是否缩小了图像，或者 Gimp 是否真的生成了图像边界之外的那些区域？

此外，area它是一个 void 元素（自关闭），nohref无效并确保为alt链接和图像添加属性（HTML 中的图像大小为 7 倍，以便您可以看到链接）：

<img src="images/footerlinks.jpg" width="1225" height="462" alt="foo" usemap="#map"/>
<map name="map">
  <area shape="rect" coords="32,72,239,415" href="#bar" alt="bar" />
  <area shape="rect" coords="393,320,483,336" href="#baz" alt="baz" />
</map>