Ein Bug im Firefox verursacht bei Veränderung der opacity von Bildern durch :hover eine Verschiebung der Bildgröße. Mehr dazu und wie man mit dem Bug am Besten umgeht, steht in diesem Beitrag.
Bei der Website von einem unserer Kunden ist uns der Bug vor kurzem begegnet. Zwei Bilder bekommen beim hover eine opacity:0.9;. Im Firefox ändert sich dadurch die horizontale Darstellung um 1px. Diesen „wiggle“ sieht man leider sofort. Hier kann man das Ganze testen, einfach mit der Maus über die Bilder bewegen und die Größe beachten. Seltsamerweise taucht der Bug nicht mehr auf, wenn man raus- oder reinzoomt, nur bei gewissen Zoomstufen ist dieser vorhanden.
Als Workaround gibt es zwei Möglichkeiten, beide benötigen nur ein wenig CSS.
Der erste Beitrag auf dem Bugzilla-Forum zu diesem Bug ist vom 15.04.2012. Nach einem Patch für Firefox 10, welcher ähnliche Probleme beim Rendering von Bildern beseitigen sollte, trat dieser Fehler auf. Bis heute gibt es keinen offiziellen Fix. Wir hoffen, dass wir euch ein wenig weiterhelfen konnten und sind weiterhin gespannt, ob Firefox das Problem zukünftig lösen wird. Und falls nicht, jetzt wisst ihr ja, wie es geht.
Wow das ist mir bisher wirklich nicht aufgefallen. Ich habe immer gedacht, dass es am Kontrast von schwarz-weiß liegt. (in etwa der Effekt, dass Weiß größer scheint und darum sich das Bild optisch „verschiebt“)
Ich saß eben 10 Minuten vor den ersten Bildern und habe mir den „wiggle“ angesehn ^^
Gott sei Dank hat mich niemand Anderes gesehn ;D