div an Mauskoordinaten ausrichten bei position:relative für body

[molily]

das muss doch heißen, dass jQuery hier nur unzureichend funktioniert, oder interpretiere ich das falsch?

Es geht beim Zoomen bzw. Resizen kaputt. Wenn man danach die Seite neu lädt (F5), ist die Darstellung in Ordnung.

Ihr habt schon gesehen, dass in meinem Beispielscript die Offset-Position des main-Elements gecacht wird?

Natürlich funktioniert das nicht mehr, wenn resized wird. Das Script sollte nur das Prinzip veranschaulichen. Entweder man deaktiviert diesen Cache oder man aktualisiert ihn korrekt in einem resize-Handler. Ich würde letzteres bevorzugen, weil .offsetParent().offset() sehr teure Operationen sind, die man nicht in jedem mousemove aufrufen will.

Um das Problem zu vermeiden, hängt man Overlay-Elemente direkt ans body, sodass obige Operation wegfällt und direkt e.pageX/pageY an top und left gegeben werden können. Wie gesagt.

jQuery kocht auch nur mit Wasser, den Quellcode habe ich ja verlinkt. Ansonsten gilt: garbage in, garbage out.

Mathias