Zackige Kanten in Firefox mit 3D-CSS-Transformationen

Ähnlich wie das Problem der gezackten Kanten in Chrome mit CSS-Transformationen zeigt Firefox dieses Problem auch bei 3D-Transformationen. Die Sichtbarkeit der Rückseite als mögliche Lösung in Chrome erweist sich in Firefox als unwirksam.

Problemumgehung:

Um dieses Problem in Firefox zu mildern, können Sie eine der folgenden Problemumgehungen implementieren :

1. Transparente Kontur: Fügen Sie dem Element mit den gezackten Kanten ein Konturattribut mit einer transparenten Farbe hinzu:

outline: 1px solid transparent;

2. Rahmen mit Hintergrundfarbe: Fügen Sie für Elemente, die von der Hintergrundfarbe abhängig sind, ein Rahmenattribut mit derselben Farbe wie der Hintergrund hinzu:

border: 1px solid white;

Diese Problemumgehungen wurden unter Firefox 10.0.2 für Windows 7 getestet und haben sich bei der Beseitigung gezackter Kanten als wirksam erwiesen.