javascript - 如何将较低的z级元素移动到透明png下方

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;
}