2011-02-04 101 views
1

我已經試過這個旋轉文本270度旋轉文本的CSS/JavaScript的/ jQuery的

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

在Firefox,谷歌Chrome,Safari瀏覽器完美的工作在IE 8,7,6

一些間隔問題工作

但它真的很爛在OPERA任何想法?

回答

1

它適用於我。在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; 

}

0

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

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

但在OPERA其真的很爛任何想法??? – 2011-02-04 07:09:16

+0

我想你會發現,360 - 90 = 270 – Justin 2011-02-04 07:09:16

2

你試試這個?

-o-transform: rotate(270deg);