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

Question

I´m developing a little chrome extension to allow user see what he/she is typing. It's a simple semi-transparent floating div element. The problem that I have is that html elements under it don´t receive click events because the div element is over them (> z-index).

My question is: Is any way to make my div "transparent" for click events (and other type of events)?

An image:

Answer 1

尝试CSS规则'pointer-events'。

pointer-events: none;