2010-02-02 52 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