如何揭露其他DIV覆蓋的DIV而不隱藏它們？

我有四個DIV將屏幕均勻分成4個部分。還有另一個畫布的全屏DIV。如何揭露其他DIV覆蓋的DIV而不隱藏它們？

我想讓這些DIV不會互相阻礙 - 也就是說，如果用戶點擊較小（4個）DIV中的一個DIV中的鏈接，他們將獲得此鏈接，如果用戶單擊在大DIV的畫布元素上，該元素響應。

這是代碼...謝謝！

#graph-container { 
    top: 50px; 
    bottom: 50px; 
    left: 50px; 
    right: 50px; 
    position: fixed; 
    z-index: 9; 
    padding-left: 0px; 
    padding-right: 0px; 
    -webkit-animation: blink 2s linear 0s; 
} 


#NW { z-index: 10; position:fixed; width:50%; height:50%; top:0; left:0; } 
#NE { z-index: 10; position:fixed; width:50%; height:50%; top:0; left:50%; } 
#SW { z-index: 10; position:fixed; width:50%; height:50%; top:50%; left:0; } 
#SE { z-index: 10; position:fixed; width:50%; height:50%; top:50%; left:50%; }

來源

2014-05-23 Dmitry Paranyushkin

使用您的4格的絕對位置。也爲更好的答案發布您的標記 – keypaul

不工作... –

作出了jsfiddle http://jsfiddle.net/42wyJ/它似乎工作，所以你說你想要一個背後的四個元素的畫布可點擊？ – roo2

使用指針事件，您可以單擊覆蓋div，但覆蓋層包含可點擊的元素。

的jsfiddle：http://jsfiddle.net/42wyJ/5/

#NW{ 
    pointer-events:none; 
} 
#NW * { 
    pointer-events:auto; 

}

Click through a DIV to underlying elements

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

來源

2014-05-23 22:21:50 roo2

但是現在上層的鏈接不能按OP詢問那樣點擊。如果沒有一些聰明的腳本，我認爲這是不可能的。 – Julian

ahh您可以將子元素上的指針事件重置爲自動，這也允許點擊上層！ http://jsfiddle.net/42wyJ/5/ – roo2

如何揭露其他DIV覆蓋的DIV而不隱藏它們？

回答

相關問題