How to prevent html elements with higher z-index capture events

I am developing a small chrome extension so that the user can see what he is dialing. This is a simple translucent floating div element. The problem that I have is that the html elements below it do not receive click events, because the div element is above them (> z-index).

My question is: Is it possible to make my div โ€œtransparentโ€ for click events (and other types of events)?

Picture: enter image description here

+5
source share
1 answer

Try the CSS event-pointer rule.

pointer-events: none;
+4
source

All Articles