如何在透明png下移動較低的z級元素

Question

我有以下網站，可以讓我縮放圖像並裁切它和東西。您可以將平移圖像：

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

我想嘗試推行過頂面具，我在這裏做：

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

問題是，因爲面膜.png涵蓋整個蝴蝶.img，我無法拖動和平移圖像了。我試圖想到一種方法，我可以將面罩放在頂部，但仍然可以移動源圖像。

有沒有人有一些想法，想法或建議我可以看看的東西？

Answer 1

你可以使用pointer-events: none;覆蓋圖像，但它不會適用於所有瀏覽器，我猜。

#overlay { 
    pointer-events: none; 
}