2012-03-30 162 views
-1

我想將某些文本的樣式設置爲垂直。這裏是我的CSS: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瀏覽器,它似乎工作。

關於可能會發生什麼的任何想法?

回答

0

試試這個版本:

<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; 
} 
+0

我不明白它不如何工作的版本?我已經複製了本教程中提到的確切的CSS,查看了我在ie上完成的工作,然後教程網站在ie中工作了嗎? – danyo 2012-03-30 11:17:03