div阻止了我的鼠標事件

Question

我在一個豐富的html應用程序中遇到了鼠標事件的一些問題。

我有一個大的「半透明」div覆蓋屏幕的一半（該死的設計師）。讓我們稱他爲A.

在這背後一個div，有一個叫B.

大容器

內B，有4個格應該響應鼠標懸停及移出事件。我們可以稱它們爲C1，C2，C3和C4。

不幸的是，大胖子的div阻止了我所有的javascript/jquery事件。

這可能是解決的一些解決方法，但這裏的東西：

• 這個bug會出現一個自制的JavaScript引擎內。我知道B，但我不應該知道站在B裏面的C元素（或他們的ID）。 所以我不能使用座標技巧和if/else變通辦法。
• 應用程序應該在電視上運行（在一個奇怪的歌劇版本內）。所以沒有'指針事件'的CSS技巧。
• 請不要告訴我重新設計我的應用程序:)

我試圖處理（有和沒有jQuery的）從A事件，並觸發到B.它的工作原理，但那麼B不轉發它對C的孩子，再一次，我不知道他們提前。

非常感謝您的幫助。

Answer 1

這就是你要做的。大多數browsers支持css pointer events。

在這些瀏覽器中使用：

#big-blocking-div { 
    pointer-events: none; 
} 

對於不支持此功能的CSS的瀏覽器做這

#big-blocking-div { 
    display : none; 
}