停止與頂部元素的交互

我有一個div，我已經設置爲絕對位置和z-index高於頁面上所有其他div。我遇到的問題是絕對位置div位於某些與用戶鼠標交互的div上面。有沒有辦法關閉絕對定位div的交互式狀態，以便下面的div有效。停止與頂部元素的交互

2011-08-16 Chapsterj

看看這個類似的問題：http://stackoverflow.com/questions/3452423/possible-a-div-overlay-which-is-completely-ignored-by-mouse-events-so-that-mo –

一個示例代碼就會好很多的幫助，讓我們明白你要表達的 – sasidhar

看到什麼：http://stackoverflow.com/questions/6740242/click-link-below-a-higher-z-index-div/6740272＃6740272 – thirtydot

絕對定位元素使用z索引用於堆疊 - 這可以解釋爲什麼以下內容是不可訪問的。不幸的是，這不是一個互動狀態的情況，而僅僅是障礙。

在任何絕對定位的塊的元件將模糊儘可能設置爲低於它們作爲最上面的元件伸展的尺寸（設置在div的邊界看到障礙物究竟有多遠發生）元件。

你最好的選擇（在CSS的範圍內）是將遮蔽div放在你需要交互的地方，或者將遮蔽div的屬性直接添加到被遮擋的div上。

編輯：即在CSS中沒有屬性來打開或關閉交互式狀態。

更新2011/11/11：看https://developer.mozilla.org/en/CSS/pointer-events一個解決問題的辦法。 pointer-events: none;是對問題的有效解決方案。

來源

2011-08-16 07:21:55 Larry

的SVG屬性已被添加到CSS3規範允許用戶「到」元素選擇的元素： [https://developer.mozilla.org/en/CSS/pointer-events](https:// developer.mozilla.org/en/CSS/pointer-events）。 FF和Webkit支持此屬性;不完全確定其他支持。新的屬性非常適合禁止與'當前'頁面的鏈接進行交互。 – Larry

很好的發現'指針事件：無;'那不是我的雷達。 –

停止與頂部元素的交互

回答

相關問題