链接图像的确切“边框”

时间:2013-09-28 11:45:14

标签: javascript html css image hyperlink

链接图像有这个问题。我想知道是否有人能解决我的问题。我创建了几个图像,并按照图片的正确顺序放置它们。我将图像链接到一个弹出框,这样就应该弹出一个简历。

问题是图像重叠,因此图像不可点击。有没有办法创建一个跟随图像的确切“边界”的链接?

要明白我的意思:http://oege.ie.hva.nl/~gruijsl001/equityestate/team.html

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

- 使用图像映射概念。

<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属性。

答案 2 :(得分:0)

尝试这样的事情

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