使一个对象可以从html中的另一个元素的后面单击

Question

看看这个：
http://www.templatemonster.com/demo/35403.html

在此模板中，您可以点击男士前臂下方的图像，甚至可以点击前臂本身 手不是图像的一部分。它是三个div件，有一个png图像作为背景。

怎么可能？
我怎么能做同样的事情（有一个div包含一个链接的图像，并在其上有另一个div，但底层链接是可点击的）？
它是跨浏览器吗？

由于

Answer 1

您可以在样式表中将pointer-events:none添加到您尝试点击的元素

此处示例：http://robertnyman.com/css3/pointer-events/pointer-events.html

选中复选框以查看如何点击灰色框。

Answer 2

用

制作

pointer-events:none;

它在IE和Opera中不起作用，但在这种情况下这不是一个真正的问题。它本身并不适用于手臂本身。

Answer 3

在现代浏览器中，您可以使用pointer-events css3属性。以下是一个有关此问题的着名问题：Click through a DIV to underlying elements