如何将图像div容器放在另一个div上，但保持可点击？

Question

我想将我的图像放在手风琴div容器上并保持可点击状态，因此我的图像只能在视觉上覆盖它。我怎么能这样做？

我需要edit is there的页面。 这就是我想让我的页面看起来像：

感谢提前！

Answer 1

您将无法将图像放在顶部并且可以点击链接。我能想到的唯一解决方案是将图像分成两部分，一部分放在手风琴上方，另一部分放在左边。但即使这样做，也意味着蓝色+ s不会被点击，因为图像必须坐在它们上面。让切片图像的两个部分匹配也不会很有趣。 （我确定一些旧的浏览器或两个会让你搞砸了。）

老实说，我的建议是重新考虑这一点，因为它对网络来说不实用。我建议将整个图像作为背景放在手风琴上，并与女孩的手一起指向链接，而不是实际悬停在它们上面。

Answer 2

实际上，在大多数使用CSS的浏览器中都可以实现这一点（Chrome，Firefox，Safari，IOS，Android。可提供完整列表HERE）

img {
    pointer-events: none;
}

DEMO

IE10或以下版本不支持。

还有许多Javascript解决方案，包括THIS ONE使用可在IE中使用的Jquery。