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

Question

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

#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;
 });

但它也没有用。

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

Answer 1

尝试:

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

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

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

恐怕跨浏览器一致地工作比你原先想象的要棘手