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

Question

我正在开发一个小的chrome扩展,以允许用户看到他/她正在键入的内容.它是一个简单的半透明浮动div元素.我遇到的问题是它下面的html元素没有收到点击事件,因为div元素超过它们(> z-index).

我的问题是:有没有办法让我的div对于点击事件(和其他类型的事件)"透明"？

一个图像:

Answer 1

尝试使用CSS规则“指针事件”。

pointer-events: none;