如何將兩個div放在頁面的絕對正面，但是一個放在另一個之上？ CSS

Question

我正在創建自定義疊加彈出窗口。要做到這一點，我在width/height的和opacity的0.8的頁面上鋪設了一個屏蔽div。彈出窗口是另一個div放置在掩模div之上。

我正在寫一個函數來隱藏這兩個div s如果屏蔽div被點擊。這將「關閉」彈出窗口。

要測試此功能，我正在使用Javascript警報。我注意到，當點擊彈出的div時，警告仍然被觸發，而不僅僅是掩蓋div。這表明彈出的div未定位在絕對前端。我也注意到彈出的div中的文字稍微不透明，表明它也受掩模div的影響。

我該如何將遮蔽div定位在絕對正面？

FIDDLE

Answer 1

http://jsfiddle.net/c26Ez/

使用stopPropagation()，使事件不冒泡的DOM