javascript - 点击图片后面的元素

Question

我目前的系统面临一些问题。

查看这张图片： http: //imgur.com/KgHu3 我想在头像后面“点击”得到他身后的“物品”（桌子）。但我不能，因为图片是重叠的。

在这里你可以看到问题：http: //imgur.com/tRqTz

我该怎么做？是不可能的？还是我必须在 HTML5 Canvas 中制作它才能完成这项工作？

score 2 · Accepted Answer

最好的方法应该是只使用 CSS：

#avatarDiv{pointer-events:none;}

更新

在这条评论之后，

我也应该可以右键单击“重叠”图片，只有图像透明的地方才能捕获父图像。

这不再是一个解决方案。

score 0 · Accepted Answer

你可以让重叠的图片触发他的parent()点击事件。例如：

$('#myImage').click(function(){
    $(this).parent().trigger('click');
});

2 回答 2