是否有可能在另一个div下有一个Jquery Draggable对象

我正在尝试创建一个模板系统，然后将上传的jpg放在模板上。

测试示例：

http://www.silverink.com/TEMP/jqueryTest/

问题是我想在最顶层有一个掩码，但能够点击并拖动下层。目前我不得不点击该区域将其拉到前面然后拖动或将其放在透明的前面。

任何想法或建议最受欢迎!!

实际上有一种简单的方法：像往常一样为被遮挡的元素创建可拖动的，并在遮挡图像上添加一个mousedown事件处理程序，以将事件委托给draggable：

$('#occluder').mousedown(function(ev) { $('#draggable').trigger(ev); });

设法通过在最上面创建一个图层来确定下层图像的确切位置和尺寸。然后使顶层可拖动，并在拖动function上更新图像层的位置。

您正在使用透明的png文件进行褪色遮罩，因此我无法按照您的要求进行操作。即使png在中间是透明的，它仍然是图像的一部分并阻挡下面的层。

但是你可以把那个png分成4个不同的文件并放在这个http://jsbin.com/etale4/2/edit上