Nous avons essayé de faire pivoter un manuel sous un angle (45,90,270 etc.) sur un formulaire web aspx. J'ai lu que html ne supporterait pas une telle propriété, donc nous devrions inclure une propriété de classe CSS dans la zone de texte. Y a-t-il une propriété pour inclure un angle dans une classe CSS? Nous utilisons html 4.zone de texte pour faire pivoter à un angle dans asp.net?
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
writing-mode: tb-rl;
de support IE à angle comme filtre 270 etc
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-transform:rotate(270deg); /* IE 9 */
peut accepter une des quatre valeurs: 0, 1, 2 ou 3 qui fera tourner l'élément 0 , 90, 180 ou 270 degrés respectivement
CSS simple vous permettra de faire pivoter un élément dans les navigateurs modernes:
transform: rotate(45deg);
Ceci est une assez nouvelle fonctionnalité, et beaucoup de navigateurs qui supportent, mais nécessitent un préfixe de fournisseur, vous devriez donc également spécifier -moz-transform, -webkit-transform, -ms-transform, de sorte que votre CSS complet ressemblera à ceci:
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
Cette prend en charge tous les navigateurs d'usage courant sauf IE8 ou version antérieure.
Les anciennes versions d'IE peuvent faire pivoter des éléments, mais c'est beaucoup plus difficile. Vous devez utiliser le style filter, mais il nécessite des angles en radians et des formules matricielles complexes. Il y a un answer here qui le décrit plus en détail.
Toutefois, vous pouvez utiliser une bibliothèque javascript appelée CSS Sandpaper. Ensuite, vous pouvez simplement l'utiliser pour les anciennes versions IE:
-sand-transform: rotate(45deg);
Ajouter la ligne ci-dessus au bloc CSS je vous ai donné plus tôt, et comprennent la bibliothèque javascript Poncer CSS dans votre page HTML.
Espérons que ça aide.
La propriété de transformation fonctionne-t-elle pour ie7/ie8? – user997805
écriture: tb-rl; est la propriété qui prend en charge IE7 + –
Le mode écriture l'inclinera verticalement. Qu'en est-il des angles comme 45 et 270? – user997805