CSS 만 사용하여 텍스트를 90 ° 회전했습니다.

Question

CSS 만 사용하고 텍스트는 IE6 +, Firefox 2 및 Opera와 호환 가능하도록 90도 회전 할 수 있습니까?

Answer 1

How can I draw vertical text with CSS cross-browser?

의

.rot-neg-90 { 
    /* rotate -90 deg, not sure if a negative number is supported so I used 270 */ 
    -moz-transform: rotate(270deg); 
    -moz-transform-origin: 50% 50%; 
    -webkit-transform: rotate(270deg); 
    -webkit-transform-origin: 50% 50%; 
    -o-transform: rotate(270deg); 
    -o-transform-origin: 50% 50%; 
    transform: rotate(270deg); 
    transform-origin: 50% 50%; 

    /* IE<9 */ 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
} 

IE<9 Rotation property for BasicImage filter.

Answer 2

IE의 BasicImage 필터는 할 수 있습니다 : http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx