css垂直文本不起作用

Question

我想将某些文本的样式设置为垂直。这里是我的CSS：

h2.verticle{ 
color:#1a6455; 
border:0px solid red; 
writing-mode:tb-rl; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
-webkit-transform:rotate(90deg); 
-moz-transform:rotate(90deg); 
-o-transform: rotate(90deg); 
white-space:nowrap; 
display:block; 
bottom:0; 
width:20px; 
height:20px; 
font-size:20px; 
font-weight:normal; 
border:none !important;} 

它在除IE以外的所有浏览器中工作正常。我用这里的代码：http://scottgale.com/blog/css-vertical-text/2010/03/01/

并已测试该网站在相同版本的IE浏览器，它似乎工作。

关于可能会发生什么的任何想法？

Answer 1

试试这个版本：

<style> 
.verticaltext 
    { 
     writing-mode: tb-rl; 
     filter: flipv fliph; 
    } 
</style> 

<div class="verticaltext"> 
    Test-1</div> 
<div class="title"> 

，这是该网站http://scottgale.com/blog/css-vertical-text/2010/03/01/

vertical-text { 
-moz-transform: rotate(90deg); 
border: 0 solid red; 
bottom: 0; 
color: #333333; 
display: block; 
font-family: ‘Trebuchet MS’,Helvetica,sans-serif; 
font-size: 24px; 
font-weight: normal; 
height: 20px; 
text-shadow: 0 0 1px #333333; 
white-space: nowrap; 
width: 20px; 
}