0

jqueryを使ってスパンテキストを回転させたいです。

<DIV id=container_vml_YAxisTitle_1>
<SPAN style="FONT-SIZE: 14px; FONT-FAMILY: Segoe UI; POSITION: absolute; ZOOM: 1; COLOR: #707070; LEFT: -64px; FILTER: alpha(opacity=100); TOP: 234px; VISIBILITY: visible">Sales Amount in millions(USD)
</SPAN>
</DIV>

テキストを回転させるために以下のリンクを参照しましたが、期待どおりに機能しません。

CSS 回転テキスト - 複雑

以下のようにしてみました

<SPAN style="FONT-SIZE: 14px; -ms-transform:rotate(-90deg);   FONT-FAMILY: Segoe UI; POSITION: absolute; ZOOM: 1; COLOR: #707070; LEFT: -64px;  TOP: 234px; VISIBILITY: visible">Sales Amount in millions(USD)
</SPAN>

IE7およびIE8ブラウザーでは機能しませんが、他のブラウザーでは正常に機能します。

私はIE7とIE8ブラウザを使用しています。jquery 1.7.1 を使用しています。

ありがとう、

シヴァ

4

2 に答える 2

2

1）使用し:ないでください=

-ms-transform:rotate(-90deg)

style2）属性の下にそれを与えるべきでした

<span  style="-ms-transform:rotate(-90deg); position: absolute">SPAN</span>

3) spanlayout がないため、追加position: absoluteまたはタグ付けdisplay: blockする必要がありますspan

このFiddle1を確認してください。ここにあなたのfiddle2があります

更新: 古いバージョンの IE の場合

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
于 2013-09-05T09:13:48.283 に答える
0

これは CSS コードです。これを<style></style>タグまたはstyle属性に追加する必要があります。

<span style="-ms-transform:rotate(-90deg)"> </span>
于 2013-09-05T09:13:39.640 に答える