如何揭露其他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而不隐藏它们？

回答

相关问题