2011-02-04 88 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);