Maison >interface Web >tutoriel CSS >Comment réparer les bords irréguliers dans Firefox avec des transformations CSS 3D ?

Comment réparer les bords irréguliers dans Firefox avec des transformations CSS 3D ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-04 05:54:01523parcourir

How to Fix Jagged Edges in Firefox with 3D CSS Transforms?

Bords irréguliers dans Firefox avec transformations CSS 3D

Semblable au problème des bords irréguliers dans Chrome avec les transformations CSS, Firefox présente également ce problème avec les transformations 3D. La visibilité arrière, en tant que solution potentielle dans Chrome, s'avère inefficace dans Firefox.

Solution de contournement :

Pour atténuer ce problème dans Firefox, vous pouvez mettre en œuvre l'une des solutions de contournement suivantes :

  1. Contour transparent : Ajoutez un attribut de contour avec une couleur transparente à l'élément présentant des bords irréguliers :
outline: 1px solid transparent;
  1. Bordure avec couleur d'arrière-plan : Pour les éléments dépendants de la couleur d'arrière-plan, ajoutez un attribut de bordure avec la même couleur que l'arrière-plan :
border: 1px solid white;

Ces solutions de contournement ont été testées sur Firefox 10.0.2 pour Windows 7 et se sont révélés efficaces pour éliminer les bords irréguliers.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn