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

Question

我正在开发一个小的 Chrome 扩展程序，让用户看到他们正在输入的内容。这是一个简单的半透明浮动 div 元素。我遇到的问题是它下面的 html 元素不接收点击事件，因为 div 元素在它们之上（> z-index）。

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

一个图像：

Answer 1

试试 CSS 规则“指针事件”。

pointer-events: none;