文本旋转 - IE的问题

本文介绍了文本旋转 - IE的问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

您好，我试图旋转文本，但我面临一些问题与IE 8和9

Hi I'm trying to rotate a text, but i'm facing some problems with IE 8 and 9

.casaText{
     display:block;     
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-filter:rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space:nowrap;
    position:relative;

在IE中它不旋转。有人可以告诉我为什么吗

In IE it doens't rotate. Does anyone can tell me why??

感谢

推荐答案

是您的代码中的错误

对于crossbrowser旋转，请使用，在您的情况下如下所示：

For crossbrowser rotation use this syntax from css3please.com, which in your case look like this:

.casaText{
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
       -moz-transform: rotate(-90deg);  /* FF3.5+ */
        -ms-transform: rotate(-90deg);  /* IE9 */
         -o-transform: rotate(-90deg);  /* Opera 10.5 */
            transform: rotate(-90deg);
               filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand'); /* IE 6-9 */
                 zoom: 1; /* IE hasLayout trigger */
}

这篇关于文本旋转 - IE的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！