使用CSS / Javascript / Jquery旋轉文本

Question

我已經嘗試過將文本旋轉到270度

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

在Firefox，Google Chrome和Safari中完美運行，在IE 8,7,6中存在一些間距問題

但它真的很爛OPERA Any Idea ？？？

Answer 1

你嘗試過這個嗎？

-o-transform: rotate(270deg);

Answer 2

這個對我有用。 在Linux上使用Opera 11

樣本： http ： //www.inwardpath.com.au

/* This wrapper is required to rotate the text around the left edge */
#page_title {
overflow: visible;
position: absolute;
width: 38px;
-moz-transform: rotate(90deg);
-moz-rotation-point: 0 0;
-webkit-transform: rotate(90deg);
-webkit-rotation-point: 0 0;
-o-transform: rotate(90deg);
-ms-writing-mode: tb-lr;
* html writing-mode: tb-lr;

}

Answer 3

您的代碼示例用於旋轉90度。 旋轉270試試這個

-webkit-transform: rotate(-270deg); 
-moz-transform: rotate(-270deg);

Answer 4

我喜歡使用它-http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html