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超出了图像的边界（图像高66px，第一个链接的顶部为72px，第二个为320px）。 rect形状中的点的顺序是left, top, right, bottom）。你缩小了图像，还是Gimp确实在图像范围之外产生了那些区域？

此外，area is a void element (self closing)，nohref无效，请确保将alt属性添加到链接和图片（图片大小为7x的HTML格式，以便您可以看到链接）：

<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>

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

1 个答案: