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

Transformation CSS 3D : s'attaquer aux bords irréguliers dans Firefox

Parallèlement au problème des bords irréguliers avec les transformations CSS Chrome, un problème similaire se pose avec Firefox lors des transformations 3D. Une illustration peut être trouvée sur ce JSFiddle (spécifique à Firefox) : http://jsfiddle.net/78dK/5/.

Contrairement à Chrome, la visibilité arrière ne fournit pas de solution dans Firefox.

Solutions de contournement :

Solution de contournement 1 (contour Attribut) :

Pour une solution plus universelle, pensez à ajouter un attribut de contour transparent :

<code class="css">outline: 1px solid transparent;</code>

Cette approche a été vérifiée sur Firefox 10.0.2 Windows 7 : http:/ /jsfiddle.net/nKhr8/.

Solution de contournement 2 (bordure Attribut) :

Vous pouvez également ajouter un attribut de bordure avec une couleur correspondant à l'arrière-plan :

<code class="css">border: 1px solid white;</code>

Cette option est efficace lorsque la couleur d'arrière-plan est connue (par exemple, blanc dans ce cas) : http://jsfiddle.net/LPEfC/.

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!