Effizientes HTML-Div mit einer Lücke

Lassen Sie mich ein bisschen mehr erklären, ich versuche einen großen Bereich (Vollbild) mit einem Loch fester Größe zu haben. Das Loch folgt der Maus über den Bildschirm. Stellen Sie sich einen Bereich vor, der sich auf die Seite konzentriert und der Rest der Seite abgeblendet ist.

Ich brauche dies effizient in allen Browsern (einschließlich IE 6).

Meine aktuelle Lösung verwendet 4 Divs (oben, rechts, unten, links) und bildet das Loch auf diese Weise. Dies erfordert jedoch ein Neulackieren des gesamten Bildschirms und dies zeigt Artefakte (Divs haben ein Hintergrundbild, um den Bereich grau darzustellen).

Gibt es einen besseren (effizienteren) Weg, um dies zu erreichen, auf den jemand gestoßen ist?

Hinweis: Das Loch muss alle Ereignisse an die Elemente unter diesen Divs weiterleiten.

Antworten auf die Frage(5)

Ihre Antwort auf die Frage