Wenn Sie den Mauszeiger über das Div bewegen, wird das Div durch einen CSS-Übergangseffekt verschoben.

Wie Sie im Beispiel sehen können, besteht das Problem darin, dass der Übergang "Übersetzen" den schrecklichen Nebeneffekt hat, dass das Bild im div um 1px nach unten / rechts verschoben wird (und die Größe möglicherweise so leicht geändert wird?), Dass es nicht mehr angezeigt wird von Ort und unscharf ...

Der Fehler scheint die ganze Zeit über zu wirken, wenn der Hover-Effekt angewendet wird, und ich kann mit Sicherheit sagen, dass er nur auftritt, wenn der Umsetzungsübergang die Teilung verschiebt (Kastenschatten und Deckkraft werden ebenfalls angewendet, machen aber keinen Unterschied zu) der Fehler beim Entfernen).

2. EDIT: Eigentlich Problem NICHT gelöst!

Bei der Erstellung einer JSFiddle zur Veranschaulichung des Problems bin ich auf eine interessante Beobachtung gestoßen. Das Problem tritt nur auf, wenn die Seite Bildlaufleisten enthält. Das Beispiel mit nur einer Instanz des div ist also in Ordnung, aber wenn noch einmal identische divs hinzugefügt werden und die Seite daher eine Bildlaufleiste benötigt, tritt das Problem erneut auf ...

Irgendwelche Ideen?!