这真的让我大吃一惊!
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
最佳答案
没有代码很难分辨。
IE 确实有一段专有的旋转代码:
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
rotation=1
内容旋转 90 度。
rotation=2
内容旋转 180 度。
rotation=3
内容旋转 270 度。
可能有用吗?
关于html - 在除 Internet Explorer 之外的所有浏览器中显示的垂直文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6036592/