在图像的确切“边界”上链接图像答案

【问题标题】：link image on the exact "borders" of the image在图像的确切“边界”上链接图像
【发布时间】：2014-02-03 02:54:06
【问题描述】：

我对链接图像有这个问题。我想知道是否有人可以解决我的问题。我创建了几张图像并将它们按图片的正确顺序放置。我将图像链接到一个弹出框，因此应该会弹出一份简历。

问题是图像重叠，因此并非所有图像都是可点击的。有没有办法创建一个遵循图像确切“边界”的链接？

看看我的意思：http://oege.ie.hva.nl/~gruijsl001/equityestate/team.html。

【问题讨论】：

标签： javascript html css image hyperlink

【解决方案1】：

将单独的图像组合成一个文件并使用图像映射

【讨论】：

【解决方案2】：

-使用图像映射概念。

<map name="mymap">
<area shape="rectangle" coords="39,31,166,109" href="abc.html">
<area shape="rectangle" coords="188,4,230,126" href="cdf.html">
</map>

-根据需求映射图片，使用img标签的ismap或usemap属性。

【讨论】：

【解决方案3】：

试试这样的

将单独的图像组合成一个文件并使用区域标签 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

【讨论】：

感谢您回答我的问题。我可以把它和fancybox插件结合起来吗？那么区域标签会是什么样子呢？
我从来没有尝试过这个但是从我的角度来看它会起作用。试着写一些代码。如果有什么问题比我在这里。
我试过了，效果很好。非常感谢您的帮助。