1

現在、すべてのブラウザを含むテキストを回転させようとしています。すなわち8+。他のすべてのブラウザーの変換を設定しましたが、IE8 になると、ボックスを回転させることしかできず、テキストは回転しません。

ここを参照してください: https://dl.dropboxusercontent.com/u/106547/rotate/rotate.html

マークアップ:

<div id='container' class='container'>
<p class='rotated'>
My view has been loaded
</p>
text
</div>

スタイル：レギュラー～

.rotated{
        display: block;
        position: relative;

        /* Safari */
        -webkit-transform: rotate(-90deg);

        /* Firefox */
        -moz-transform: rotate(-90deg);

        /* IE */
        -ms-transform: rotate(-90deg);

        /* Opera */
        -o-transform: rotate(-90deg);

        transform: rotate(-90deg);



    }

およびIE8条件付き

<!--[if lt IE 9]>
<style type="text/css">
.rotated, .container{
    zoom:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
<![endif]-->

ここでわかるように、div/paragraph タグは回転していますが、テキストは水平のままです。 http://f.cl.ly/items/1h3w2I1A2M3e3b1Z1B0a/rotate.jpg

私はしばらくこれを突っついてきましたが、なぜ回転していないのか理解できないようです. 今のところ回転位置は気にせず、回転させてみただけです。何が間違っているのですか？ありがとう。

4

3 に答える 3

3

古いIEの場合、writing-modeボックス全体を回転させるように注意する必要があります:)

http://msdn.microsoft.com/en-us/library/ie/ms531187%28v=vs.85%29.aspx

于 2013-07-18T14:51:06.783 に答える
-1

地元で働いていますか？Internet Explorer のフィルターはオンラインでのみ機能します。

于 2013-11-29T09:30:15.140 に答える