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

Question

我有一个元素在正常的css流方面不合适（它有绝对位置）。这意味着它模糊了其他元素的区域。

我想要的是下面的元素位置，以便在模糊元素上发生鼠标事件时接收它们。

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

参见示例：

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

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

---

其他信息/动机：我正在尝试使用Jquery UI实现拖放功能。 “two”元素从“one”拖动到“three”类型元素。

元素的丢弃（示例中的元素“2”）应该出现在模糊元素（“3”）上。可能有多个元素“两个”可以被删除 - 我希望事件能够检测它被丢弃的元素。

我正在检测mouseup事件，并且处理程序附加到元素“three”。当“三”出现在dom中的“one”之前，而不是之后，行为似乎会发生变化！我不知道为什么会这样。

Answer 1

尝试在“三”元素上设置position：relative。