2010-02-02 56 views
1

我有一个透明的PNG坐在链接列表顶部的DIV中,我想知道是否有任何方法可以让用户点击当前坐在图片后面的任何链接。图像足够大,可随时覆盖下面的DIV。是否可以通过链接顶部的图像点击链接?

<div id="links"><a href="#">Link</a></div>  
<div id="image"><img src="image.png" alt="" border="0"></div> 

我完全不熟悉jQuery的世界,所以我仍然在学习,不能完全掌握如何做到这一点。任何帮助,将不胜感激!

+0

欢迎堆栈溢出,添:

http://www.w3schools.com/TAGS/tag_map.asp

令您可以通过使用的z-index定位在图像的链接。 – Sampson 2010-02-02 17:52:58

+1

为什么你有一个图像阻碍你的链接? – Sampson 2010-02-02 17:53:30

回答

1

如果图像阻挡链接,则用户无法在物理上点击它们。您将不得不为他们提供更高的Z-index,或者改为执行程序化点击。

+0

什么是程序点击?我以前没有听说过。 – Tim 2010-02-04 16:00:16

+0

@Tim:我的意思是调用一个点击代码:'$(“a.mylink”)。trigger(“click”)'例如。 – Sampson 2010-02-05 04:15:55

0

你可以简单地使用图像映射:

http://www.w3schools.com/Css/pr_pos_z-index.asp

+0

我曾考虑过使用图像映射。如果我移动包含链接的DIV,是否可以移动图像映射?我想将链接DIV滑动到文档中的不同位置,具体取决于所点击的链接 - 图像地图是否可以随其移动并保持正确的点击值? – Tim 2010-02-04 15:59:48