html - 在除 Internet Explorer 之外的所有浏览器中显示的垂直文本

Question

这真的让我大吃一惊!

span.verti{
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE6,IE7 */
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
    writing-mode:lr-bt;
    -ms-writing-mode:lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    opacity:1 !important;
}

Firefox 中的图像示例:http://accelerateonline.net/work/ghai/images/firefoxscreenshot.png

IE 9 中的图像示例:http://accelerateonline.net/work/ghai/images/fullscreenshot.png

Answer 1

没有代码很难分辨。

IE 确实有一段专有的旋转代码:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

rotation=1 内容旋转 90 度。

rotation=2 内容旋转 180 度。

rotation=3 内容旋转 270 度。

可能有用吗？