Ich möchte den Mauszeiger durch ein benutzerdefiniertes Bild ersetzen, wenn sich die Maus über einem bestimmten Element befindet. Ich setze dazu zuerst den Mauszeiger auf

cursor: none;

wenn es das Element schwebt.

Dann lese ich die Cursorposition auf dem schwebenden Element aus und setze die CSS-Position einer Grafik leicht versetzt auf die Cursorposition, damit sich der Mauszeiger nicht über der Grafik, sondern immer noch über dem Schwebebereich befindet.

Ich habe hier eine Geige gemacht:http://jsfiddle.net/TimG/6XeWK/

Jetzt funktioniert es ganz gut. Das Problem ist nur, wenn Sie die Maus sehr schnell bewegen, der Mauszeiger den Schwebebereich verlässt und über das Bild "rutscht", was es natürlich unmöglich macht, die Mausposition relativ zum Schwebebereich zu bestimmen (bewegen Sie sich sehr schnell nach links unten) auf dem schwarzen Schwebebereich). Ich könnte es etwas schwieriger machen, aus dem Schwebebereich herauszurutschen, indem ich die Grafik auf stelle

display: none;

bevor die CSS-Position der Bilder geändert wird und nachdem sie geändert wurde, setzen Sie sie auf

display: block;

nochmal. Leider verhindert es dieses Problem nicht vollständig.

Also: Gibt es eine Möglichkeit, dies zu verhindern? Oder gibt es eine Möglichkeit, den Mauszeiger hinter die Hand zu setzen? Ein bisschen wie das Setzen eines Z-Index auf den Mauszeiger (ich vermute, dass es nicht möglich wäre, da es kein DOM-Element ist)?

Danke für jede Hilfe.