如何使用Jquery在高级元素下拖动图像？

Question

我需要帮助才能拖动覆盖png面具下方的图像，该面具有允许下方图像显示的区域。我希望能够将图像移动到面具周围但保持面具静止。如果可以的话，这有可能实现吗？

Answer 1

取决于它需要的跨浏览器的方式，但您可以使用pointer-events:none;

http://jsfiddle.net/dvjfv/

.overlay {
    pointer-events:none;
}

Answer 2

如果点击事件位于下方图像的顶部，则PNG蒙版将始终拦截点击事件。没有办法解决这个问题。但是，您当然可以在掩码上检测到mousedown事件，并使用该事件使窗口的mousemove事件调整底层图像的位置。然后，您将使用mouseup事件来结束拖动（即窗口的mousemove事件将不再影响图像的位置。）