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

还有一些工具可以帮助绘制区域 map 。它们应该很容易用 Google 搜索。