jquery - 如何启用div over over允许从下面冒泡？

我有一个具有各种锚点的divBelow ...
我有一个具有更高的z-index和透明度的divOver。
但是，由于我将div放在div上，因此以下div中的所有这些锚点都不再可单击。
我尝试了其他解决方案，例如为divBelow伪分配：after透明性：

#divBelow:after {
 content:'';
 position: absolute;
 top: 0; left: 0; width: 100%; height: 100%;
 background: rgba(255, 255, 255, 0.5);
}

但它没有显示任何透明度，因此我使用了具有更高z-index的divOver，但是功能消失了。
我尝试分配divOver这：

 $('#divOver').click(function(e) {
    e.bubbles = true;
 });

但它也不起作用。

什么是最简单的解决方案？谢谢

最佳答案

尝试：

.over-element {
    pointer-events: none;
}

在您的CSS中，这是简单的解决方案，但遗憾的是，它对浏览器的支持不佳http://caniuse.com/#search=pointer-events。

但是我记得碰到过一个修复程序，即我认为是这样的：http://www.vinylfox.com/forwarding-mouse-events-through-layers/

恐怕要使跨浏览器一致地进行工作比您原先想的要棘手