javascript - 画像の背後にある要素をクリックします

Question

現在のシステムでいくつかの問題に直面しています。

この画像を確認してください: http://imgur.com/KgHu3 アバターの後ろを「クリック」して、彼の後ろにある「アイテム」(テーブル) を取得します。しかし、写真が重なっているため、できません。

ここで問題を確認できます: http://imgur.com/tRqTz

どうすればいいですか？それは無理だ？または、これを機能させるには HTML5 Canvas で作成する必要がありますか?

Answer 1

これにはCSSのみを使用するのが最善の方法です。

#avatarDiv{pointer-events:none;}

アップデート

このコメントを受けて、

また、「重なっている」画像を右クリックできるようにする必要があります。画像が透明な場所のみ、親画像をキャッチできるようにする必要があります。

これはもはや解決策ではありません。

Answer 2

重なっている画像が彼のparent()クリックイベントをトリガーするようにすることができます。例えば ​​：

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