Comment faire pivoter des éléments dans IE9 à l'aide de la transformation CSS3 : rotation ; ?

Rotation CSS3 : rotation ; Transformer dans IE9

Il est courant de rencontrer des problèmes de compatibilité lorsque l'on essaie d'utiliser les propriétés CSS3 dans différents navigateurs. Un de ces problèmes est rencontré lors de la tentative de rotation d'éléments dans Internet Explorer 9 (IE9) à l'aide de la transformation CSS3 : rotate; property.

IE9 ne prend pas en charge la propriété de transformation CSS3 de manière native, comme il l'a fait avec IE7 et IE8 en utilisant la propriété filter. Cependant, un préfixe de fournisseur peut être utilisé pour surmonter cette limitation.

Pour faire pivoter un élément dans IE9 à l'aide de CSS3, utilisez la syntaxe suivante :

-ms-transform: rotate(10deg);

Le préfixe "-ms-" signifie que le style est destiné aux navigateurs basés sur Microsoft, tels que IE9.

Notez qu'en appliquant transform: rotate; à un élément sans le préfixe du fournisseur peut rendre l'élément transparent dans IE9. De plus, la propriété filter est obsolète dans IE9 et ne doit pas être utilisée.

Pour plus de ressources, reportez-vous aux liens suivants :

• http://css3please.com/ : Un terrain de test pour diverses fonctionnalités CSS3 dans tous les navigateurs.
• www.canIuse.com/#search=rotation : Un tableau résumant la prise en charge des navigateurs pour divers CSS fonctionnalités, y compris la rotation.
• CSS Sandpaper : un hack qui permet la prise en charge des transformations CSS standard dans les anciennes versions d'IE.

En utilisant les techniques décrites ci-dessus, il est possible d'obtenir des éléments rotation dans IE9 à l'aide des transformations CSS3, garantissant la compatibilité entre navigateurs et conservant l'esthétique de conception souhaitée.

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!