CSS3文本旋轉

Question

如何acheive以下使用CSS3文本旋轉

我期待在使用2個浮動元素（一個只與文本和其他用於右圖）與容器..

任何解決辦法，使其在IE8工作也將感激..

Answer 1

檢查這個http://snook.ca/archives/html_and_css/css-text-rotation

寫這樣的

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

& IE瀏覽器就可以使用過濾器這個

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

檢查小提琴http://jsfiddle.net/sandeep/w7vZd/12/

&爲IE8可以有條件的評論或IE的CSS黑客。

Answer 2

元素上使用

-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); 

。 （可能是90，而不是-90 - 你必須檢查！）。 IE瀏覽器僅取值1,2,3,4，表示每旋轉90°。