如何让一个鼠标事件在被另一个元素遮挡的元素上触发？

Question

我有一个元素在正常的css流程（它有绝对位置）方面不在位置。这意味着它会遮挡其他元素的区域。

我想要的是位置下面的元素来接收鼠标事件，当它们出现在遮蔽元素上时。

注意：我不想使用css pointer-events: none，因为我仍然需要在遮蔽对象上看到鼠标事件。

见例如：

http://jsfiddle.net/7ZpAp/6/

我想 “三化” 元素接收鼠标事件。

---

附加信息/动机：我试图实施拖/使用jQuery UI拖放功能。 “two”元素从“one”拖到“three”元素。

对元件的滴（元件例如“二”）应该发生在模糊元件（“三”）。可能会有多个元素“two”可以放入 - 我希望事件检测到它已被放入哪个元素。

mouseup事件是我正在检测的事件，并且处理程序已附加到元素“三”。当“三”出现在dom中的“one”之前时，与之后相比，目前看起来行为发生了变化！我不知道为什么会发生这种情况。

Answer 1

尝试设置位置：相对于“三”元素。