您定义的
areas
在图像边界之外(图像高 66 像素,第一个链接的顶部为 72 像素,第二个链接为 320 像素)。矩形中点的顺序是left, top, right, bottom
)。您是否缩小了图像,或者 Gimp 是否真的在图像边界之外生成了这些区域?
area
是一个无效元素(自关闭),nohref
无效并确保将 alt
属性添加到链接和图像(图像在 HTML 中大小为 7x,以便您可以看到链接):
<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 上也有同样的经历,gimp 为映射图像创建的代码不起作用。