Das Element erscheint oben, aber darunter klickbar

Question

Ich versuche ein Benachrichtigungssystem zu erstellen, in dem eine kleine Box in der oberen rechten Ecke des Bildschirms erscheint. Ich möchte jedoch den Teil des Bildschirms, der unter der Benachrichtigung ist klickbar sein. Wie es jetzt ist, wenn die Benachrichtigung dort ist, können Sie nicht mit dem interagieren, was darunter steht. Wie kann ich den Bereich darunter klickbar machen? Ich habe versucht, mit den Eigenschaften z-index, position und transform herumzuspielen, aber sie lassen die Benachrichtigung immer noch über dem anderen Inhalt erscheinen.

Answer 1

Verwenden Sie in der Popup-Box pointer-events: none, um Klicks und Cursor-Interaktionen durchzulassen.

Beachten Sie, dass dies nicht von IE10 oder darunter unterstützt wird, aber das ist ein sehr kleiner Prozentsatz von Benutzern.

http://caniuse.com/pointer-events/embed/