如何将图像的一部分变成href?

时间:2014-07-12 01:34:43

标签: html image area

我创建了一个网站,并希望点击订阅按钮(一个href)。

到目前为止,这是我的代码。我的问题是我不知道如何做坐标。我有可以使用的网站吗?

<map name="subscribe"
<area shape="rect" coords="0,0,82,126" href="http://www.google.com" alt="Test">
</map>

这是我的形象:

It's an image

1 个答案:

答案 0 :(得分:1)

地图区域坐标为:左,顶部,宽度,高度

http://jsfiddle.net/5sXAb/

<img width="600px" src="http://i.stack.imgur.com/AQ4BD.png" usemap="#subscribe">

<map name="subscribe">
<area shape="rect" coords="230,55,385,100" href="http://www.google.com" alt="Test">
</map>

Ninja编辑;有方法围绕它,例如使用成像软件找到coords,javascript代码添加边框,或我的首选选项 - 改为使用透明div。