Transformation CSS3: faire pivoter; Dans IE9

J’ai un élément qui doit être vertical dans un dessin que j’ai fait. J’ai le css pour que cela fonctionne dans tous les navigateurs sauf IE9. J’ai utilisé le filtre pour IE7 et IE8:

progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

Cela semble cependant rendre mon élément transparent dans IE9 et la «transformation» de CSS3 ne semble pas faire grand chose!

Est-ce que quelqu’un connaît de toute façon des éléments en rotation dans IE9?

Apprécie vraiment l’aide!

W.

La rotation standard de CSS3 devrait fonctionner dans IE9, mais je pense que vous devez lui atsortingbuer un préfixe de fournisseur, comme ceci:

  -ms-transform: rotate(10deg); 

Il est possible que cela ne fonctionne pas dans la version bêta; Si ce n’est pas le cas, essayez de télécharger la version actuelle de l’aperçu (aperçu 7), qui est une révision ultérieure à la version bêta. Je n’ai pas la version bêta à tester, donc je ne peux pas confirmer si c’était dans cette version ou non. La version finale est définitivement destinée à le supporter.

Je peux également confirmer que la propriété de filter spécifique à IE a été supprimée dans IE9.

[Modifier]
Les gens ont demandé des documents supplémentaires. Comme ils disent, cela est assez limité, mais j’ai trouvé cette page: http://css3please.com/ qui est utile pour tester diverses fonctionnalités CSS3 dans tous les navigateurs.

Mais le test de la fonctionnalité de rotation sur cette page dans l’aperçu d’IE9 a provoqué un plantage assez spectaculaire.

Cependant, j’ai effectué des tests indépendants en utilisant -ms-transform:rotate() dans IE9 dans mes propres pages de test, et cela fonctionne très bien. Donc, ma conclusion est que la fonctionnalité est implémentée, mais a des bogues, probablement liés à la configuration dynamic.

Un autre sharepoint référence utile pour les fonctionnalités implémentées dans les navigateurs est http://www.canIuse.com – voir http://caniuse.com/#search=rotation

[MODIFIER]
Redonner vie à cette ancienne réponse car j’ai récemment découvert un hack appelé CSS Sandpaper qui est pertinent pour la question et peut faciliter les choses.

Le hack implémente la prise en charge de la transform CSS standard pour les anciennes versions d’IE. Alors maintenant, vous pouvez append ce qui suit à votre CSS:

 -sand-transform: rotate(10deg); 

… et le faire fonctionner dans IE 6/7/8, sans avoir à utiliser la syntaxe du filter . (bien sûr, il utilise toujours la syntaxe de filtrage en arrière-plan, mais cela facilite la gestion car il utilise une syntaxe similaire à celle des autres navigateurs)

Essaye ça

     Untitled Document    
Alpesh