Vertical text showing in all browsers except Internet Explorer

This is really blowing my mind right now!

这真的让我大吃一惊！

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

Image example in firefox: http://accelerateonline.net/work/ghai/images/firefoxscreenshot.png

firefox中的图片示例：http：//accelerateonline.net/work/ghai/images/firefoxscreenshot.png

Image example in IE 9: http://accelerateonline.net/work/ghai/images/fullscreenshot.png

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

1 个解决方案

#1

Hard to tell without the code.

没有代码很难分辨。

IE does have a proprietary piece of code for rotation:

IE确实有一段专有的轮换代码：

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

rotation=1 Content is rotated 90 degrees.

rotation = 1内容旋转90度。

rotation=2 Content is rotated 180 degrees.

rotation = 2内容旋转180度。

rotation=3 Content is rotated 270 degrees.

rotation = 3内容旋转270度。

Might work?

可能会工作吗？

#1