如何將image div容器放在另一個div上，但保持可點擊？

我希望把我的形象在手風琴的div容器，並保持它的點擊，所以我的形象覆蓋它只是視覺。我該怎麼做？如何將image div容器放在另一個div上，但保持可點擊？

我的頁面，我需要edit is there。這就是我想要讓我的網頁是什麼樣子：

在此先感謝！

2013-04-30 Msk1

頂部圖像需要是'png'，你需要使用'position：absolute;'和一個'z-index'，因此它位於頂部 – Andrew 2013-04-30 09:40:30

我已經添加了z-index：2和position：absolute tags並且我的圖像完全覆蓋了我的手風琴模塊（它不可點擊）。 – Msk1 2013-04-30 09:54:12

其實，這與CSS大多數瀏覽器可能器（Chrome，火狐，Safari，IOS，Android系統。一個完整的列表可以HERE）

img { 
    pointer-events: none; 
}

不支持IE10以下。

也有解決方案的Javascript使用jQuery是在IE可用包括THIS ONE的數目。

2013-04-30 12:06:16 Turnip

答案中沒有答案，只是鏈接。也許你應該在這裏粘貼相關的JS並描述一下。 – feeela 2013-04-30 12:13:35

@feeela「pointer-events：none;」那怎麼不是答案？我提供了一個鏈接到別人的Javascript解決方案作爲進一步閱讀 – Turnip 2013-04-30 12:20:21

哇，沒有聽說過這一個。謝謝你提到它。顯然不是真的準備好廣泛使用，但很高興知道。非常有趣的JS解決方案。儘管如此，我更喜歡在大多數情況下避免這種花式的東西。 – 2013-04-30 12:56:11

您將無法在上面坐的形象和有聯繫點擊。我能想到的唯一解決方案是將圖像分成兩部分，一部分放在手風琴上方，另一部分放在左側。即使這樣做，但是，這意味着藍色+不會是可點擊的，因爲圖像必須放在它們上面。讓切片圖像的兩部分匹配也不會很有趣。（我敢肯定，一些舊的瀏覽器或兩個會搞砸了你。）

老實說，我的建議是重新考慮這一點，因爲它不是爲web實用。我建議將整個圖像作爲背景放在手風琴上，並與女孩的手一起指向鏈接，而不是真正在它們上面盤旋。

2013-04-30 09:51:53

我是新來的網站建設，我認爲這是可能的。那麼，我會堅持你的建議。謝謝！ – Msk1 2013-04-30 10:07:09

回答