如何防止具有更高z-index捕获事件的html元素

Question

我正在开发一个小的chrome扩展程序，以允许用户查看他/她正在键入的内容。它是一个简单的半透明浮动div元素。我遇到的问题是它下面的html元素没有收到点击事件，因为div元素超过它们（＆gt; z-index）。

我的问题是： 有没有办法让我的div对于点击事件（和其他类型的事件）“透明”？

图片：

Answer 1

尝试CSS规则'pointer-events'。

pointer-events: none;