Wie html-Elemente mit höheren Z-Index-Catch-Ereignissen verhindert werden können

Question

Ich entwickle eine kleine Chrome-Erweiterung, damit der Benutzer sehen kann, was er schreibt. Es ist ein einfaches halbtransparentes, schwebendes div-Element. Das Problem, das ich habe, ist, dass HTML-Elemente darunter keine Klickereignisse erhalten, weil das div-Element über ihnen ist (> z-index).

Meine Frage ist: Ist eine Möglichkeit, meine div "transparent" für Click-Ereignisse (und andere Art von Ereignissen) zu machen?

Ein Bild:

Answer 1

Versuchen Sie, die 'Pointer-Ereignisse' CSS-Regel.

pointer-events: none;