如何将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

回答