2011-10-14 4 views
1

Comment puis-je atteind le suivant à l'aide que je suis à la recherche de texte rotate CSS3texte CSS3 rotation

à l'aide de 2 éléments flottants (un peu avec le texte et d'autres pour le panneau de droite) avec un conteneur ..

enter image description here

Toute solution de contournement pour le faire fonctionner dans IE8 serait également apprécié ..

Répondre

1

cocher cette http://snook.ca/archives/html_and_css/css-text-rotation

écrire comme ce

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
-ms-transform: rotate(-90deg); 
-o-transform: rotate(-90deg); 
transform: rotate(-90deg); 

& pour IE, vous pouvez utiliser un filtre pour cette

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

vérifier le violon http://jsfiddle.net/sandeep/w7vZd/12/

& pour IE8 vous pouvez hacks Les conditionnelles commentaire ou IE css.

+0

s'il vous plaît expliquez-moi pourquoi ma réponse est downvoted – sandeep

+0

Vous ne savez pas qui l'a downvoted ... mais votre réponse semble bien ... Ma seule question est comment puis-je l'adapter dans une mise en page 2 cols comme je l'ai montré dans le diagramme – testndtv

+0

vérifier ma mise à jour – sandeep

2

utilisation

-webkit-transform:rotate(-90deg); 
-moz-transform:rotate(-90deg); 
-ms-transform:rotate(-90deg); 
-o-transform:rotate(-90deg); 
transform:rotate(-90deg); 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

sur l'élément. (Peut-être 90, pas -90 - vous devrez vérifier!). L'IE prend juste les valeurs de 1,2,3,4 représentant chaque rotation de 90˚.

Questions connexes