javascript - 透明なpngの下に下のzレベル要素を移動する方法

Question

私は次のウェブサイトを持っており、画像を拡大縮小してトリミングすることができます。画像をドラッグアンドパンできます。

http://thindery.com/jsfiddle/crop_move.html

私はここで行ったマスクを上に実装しようとしました：

http://thindery.com/jsfiddle/crop_mask1.html

問題は、mask.pngがbutterfly.img全体をカバーしているため、画像をドラッグアンドパンできなくなったことです。マスクを上にかぶせても、ソース画像を移動できる方法を考えています。

誰かが私が調べることができるもののいくつかのアイデア、考え、または提案を持っていますか？

Answer 1

pointer-events: none;オーバーレイ画像に使用できますが、すべてのブラウザで機能するとは限りません。

#overlay {
  pointer-events: none;
}