1

IEでテキストを回転させることは可能ですか？

-moz-transform: rotate(330deg);  /* FF3.5+ */
    -o-transform: rotate(330deg);  /* Opera 10.5 */
    -webkit-transform: rotate(330deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg)"; /* IE8 */

IE用に書かれた行が機能していません。

誰でも助けることができます。

編集。交差したテキストを回転させたい

4

4 に答える 4

2

私の知る限り、IEでの回転は90度間隔でのみ可能です。

ここでドキュメントを確認してください：http： //msdn.microsoft.com/en-us/library/ms532918%28v=vs.85%29.aspx

于 2012-12-03T11:30:26.027 に答える
0

すでに指摘したように、必要なソリューションは、対象となるバージョンによって異なります。

ベンダープレフィックスが異なるすべての変換を使用する必要があります 

-vendor-transform : rotate(330deg);

つまり、css回転をサポートしていないバージョンの場合は、回転をaに変換しfilter matrixて、要素に適用できます。これは、css3変換をフィルター行列に自動的に変換
するサイトです。

 /* IE8+ - must be on one line, unfortunately */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=0.49999999999999994, M21=-0.49999999999999994, M22=0.8660254037844387, SizingMethod='auto expand')";

/* IE6 and 7 */ 
filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=0.8660254037844387,
        M12=0.49999999999999994,
        M21=-0.49999999999999994,
        M22=0.8660254037844387,
        SizingMethod='auto expand');

唯一の欠点は、変換原点を要素の中心にするために、oyuがその要素の幅と高さを提供する必要があることです。

于 2012-12-03T11:51:36.563 に答える
0

あなたはすでにこの方法で試しましたか：

<div id="rotation">Try this rotation</div>​

#rotation
{
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=..);
  -webkit-transform: rotate(330deg); 
  -moz-transform: rotate(330deg);    
  width:100px;
}​

このフィドルのように

于 2012-12-03T11:27:12.820 に答える
0

この新しい例を試してください。

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660253882408142, M12=0.5, M21=-0.5, M22=0.8660253882408142,sizingMethod='auto expand')"; /* IE6-8 */

これは機能しています

より多くの回転角度が必要な場合は、http：//samples.msdn.microsoft.com/workshop/samples/author/dhtml/filters/matrix.htmにアクセスしてください。

于 2012-12-03T11:31:47.667 に答える