特定区域的超链接

Question

我正在为Family Guy制作一个网站，我将他们的图片作为主页的背景。现在，我希望当我点击Stewie的任何地方（在背景上）激活超链接并转到Stewie的网页时，同样的事情也适用于其他人，我可以使用哪种语言？ CSS，HTML5，JQuery？

或者如果背景可能像黑色，而家庭成员可能是照片但仍然是，我想在我越过家庭成员而不是头部周围的空白区域时激活超链接。

Answer 1

您应该使用图像映射。以下是W3学校的一个例子：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

http://www.w3schools.com/tags/tag_map.asp

还有一些工具可以帮助绘制区域。他们应该很容易谷歌。