css - 特定区域的超链接

Question

我正在为 Family Guy 做一个网站，我有他们的图片作为主页的背景。现在，我想当我单击 Stewie 上的任意位置（在背景上）以激活超链接并转到 Stewie 的网页，其他人也一样，我可以使用什么语言？CSS、HTML5、JQuery？

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

Answer 1

您应该使用图像映射。以下是 W3 Schools 的示例：

<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

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