7

IE8 でテキストを回転させようとしています。この回答によると、次の例で試したように、要素を回転させることができるはずです:

<!DOCTYPE html>
<html>
<head>
    <style>
        #enclosing {
            width: 20px;
            height: 100px;
            border: 1px solid;
        }

        #rotated {
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, SizingMethod='auto expand')";
            width: 100px;
        }
    </style>
</head>

<body>
    <div id="enclosing">
        <p id="rotated">rotated</p>
    </div>
</body>
</html>

(このジェネレーターから数値を取得)

開発ツールで p 要素を調べると、選択した要素を示す青い境界線が正しく回転しているため (ただし、実際の要素は回転していない)、なんらかの影響を受けていることがわかります。下の画像を参照してください。

開発ツールで検査

編集： 明確にするために、これはフィルターステートメントなしでどのように見えるかです：

フィルターステートメントなし

4

2 に答える 2

4

現在のマークアップは機能します。問題は、IE8 モードで実行されている IE10 で結果を適切にレンダリングするには、IE10 のレガシー フィルターを有効にする必要があることです。

したがって、答えはレガシー フィルターを有効にすることです。

"Settings [Gear]" >> "Internet Options" >> "Security" に移動し、"Custom Level" をクリックして表示されるウィンドウ ペインを下にスクロールし、"Render legacy filters" オプションを見つけます。有効にします。

IE10 で従来のフィルターを有効にする

于 2013-05-02T15:36:37.903 に答える
2

IE8 の実際のコピーではなく、IE10 の IE8 互換性モードでテストしていることをコメントで明確にしたことを考えると、これは答えやすくなります。あなたの問題に対する答えは、ここMSDNで説明されています

つまり、IE10 はこのfilterスタイルを時代遅れと見なし、互換モードであってもデフォルトで無効にします。を有効にできますが、エンド ユーザーのみが使用できます。

IE9 はこの影響を受けません。filterスタイルは IE9 では問題なく動作しますが、IE10 では問題が発生します。

引用するには：

Internet Explorer 10 の場合、次のドキュメント モードでは DX フィルターは機能しません (廃止されました)。

  • 癖モード
  • IE10 標準モード

その他のドキュメント モードの場合、DX フィルターは (既定で) インターネット ゾーンに対して無効になり、ローカル イントラネットおよび信頼済みサイト ゾーンに対して有効になります。これは、次のドキュメント モードに影響します。

  • IE9 標準モード
  • IE8 標準モード
  • IE7 標準モード
  • IE5 (Quirks) モード

エンド ユーザーは、インターネット オプションを使用して該当するゾーンのセキュリティ設定を変更することにより、これらの設定を変更できます (これらのドキュメント モードのみ)。管理者は、グループ ポリシーを使用することもできます。

注 セキュリティとパフォーマンス上の理由から、これはお勧めできません。さらに、Web ページはこれらの設定を変更できません (通常は同じ理由で)。

この結果、IE10 ではfilter、互換モードでスタイルを確実に使用することはできません。

この意味は：

  1. コードが古い IE で動作することをテストするために互換モードを使用することは、適切なテストではありません。正確なテストを行うには、古い IE バージョンの実際のコピーを使用する必要があります。

  2. ユーザーが互換モードを使用してサイトを表示できるようにすることはお勧めできません。X-UA-Compatibleメタ タグを使用して、IE の最適なレンダリング モードでサイトを表示するように強制します。

于 2013-05-02T15:35:18.490 に答える