4

こんにちは、テキストを回転させようとしていますが、IE 8 と 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では回転しません。誰でも理由を教えてもらえますか??

ありがとう

4

4 に答える 4

1

私はそれが問題を引き起こしているのはこのプロパティだと思います：

-ms-filter:rotate(-90deg);

私はそのような独自のIEフィルターを知りません。これを試して：

.casaText{
     display:block;     
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    white-space:nowrap;
    position:relative;
}
于 2011-08-29T20:17:19.173 に答える
1

回転にMatrixを使用します。

これが-90deg

filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, sizingMethod='auto expand');
zoom: 1;
于 2012-04-07T00:37:55.797 に答える
1

コードにエラーがあります

-ms-filter:rotate(-90deg);

クロスブラウザのローテーションには、 css3please.comのこの構文を使用します。この場合、次のようになります。

.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 */
}
于 2012-03-20T12:23:55.480 に答える
0

私は以下を使用しました、そしてそれはうまくいきました。私はcss-tricks.comからそれを見つけました（これは言わなければならない素晴らしいリソースです）。とにかく、私のために働いた。私はこれが少し遅いことを理解しています-ha-しかし多分それは私のようにこれを見つける他の誰かを助けるでしょう。

filter:progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12, M21=$m21, M22=$m22, sizingMethod='auto expand');
于 2012-04-07T00:32:04.013 に答える