如何讓一個鼠標事件在被另一個元素遮擋的元素上觸發？

Question

我有一個元素在正常的css流程（它有絕對位置）方面不在位置。這意味着它會遮擋其他元素的區域。

我想要的是位置下面的元素來接收鼠標事件，當它們出現在遮蔽元素上時。

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

見例如：

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

我想 「三化」 元素接收鼠標事件。

---

附加信息/動機：我試圖實施拖/使用jQuery UI拖放功能。 「two」元素從「one」拖到「three」元素。

對元件的滴（元件例如「二」）應該發生在模糊元件（「三」）。可能會有多個元素「two」可以放入 - 我希望事件檢測到它已被放入哪個元素。

mouseup事件是我正在檢測的事件，並且處理程序已附加到元素「三」。當「三」出現在dom中的「one」之前時，與之後相比，目前看起來行爲發生了變化！我不知道爲什麼會發生這種情況。

Answer 1

嘗試設置位置：相對於「三」元素。