Jquery 通过DOM层传递单击事件

我有一个div，它位于页面底部，位于页面上所有内容的上方。我添加了一个阴影，以消除下面内容的严重中断。但是，我不能单击“.container”区域中的任何链接，因为我在技术上单击阴影的顶部

有没有一种方法可以通过这个div层传递事件，并能够单击“container”div中的链接

//这里有很多内容

我已经创建了这个JSFIDLE，它应该有助于理解我的问题。

您可以添加

pointer-events:none;

到CSS中的.bottom wrap类

编辑：您还需要添加指针事件：fill；到最底层

---

更新的Fiddle:

您应该实现自己的事件链

例如：

$('.shadow').click(function() {
    $('.under-shadow').trigger('click');
});

---

尽管它可以工作，但我不建议使用

指针事件：无因为它没有得到很好的支持。
如果浏览器支持对您来说不是问题，您可以使用CSS属性

但要使内部内容处于活动状态，需要将其重置为：

.bottom-wrap .bottom {
    pointer-events:auto;
}

Fiddle:
尝试将指针事件设置为无；有关重叠div。请参见本页的示例：
不，不太可能。最好把它移到阴影前面。可以传递单击事件，但它可能需要比您自己编写的代码更多的代码。那么如何单击该
div中的“单击”锚点呢？在你的提琴中试试看——在这里，我在@gibberish中添加了提醒你使用的浏览器，它对我来说非常适合？谷歌浏览器——你在我的评论中试过提琴吗？警报显示的是“评论”，而不是“嗨”（点击“点击”主播应该会提醒“嗨”）。@胡言乱语谢谢，我现在已经修复了；）那么如何单击该
div中的“click”锚？尝试添加指针事件：填充；对你最底层的人来说，它应该有用：）啊。。。你完全正确。如果你在小提琴中改变了这一点，那么你就有了正确的答案（就我而言）。
.bottom-wrap {
    pointer-events:none;
}

.bottom-wrap .bottom {
    pointer-events:auto;
}