0

テキストを 90 度と 270 度で垂直に書きたい例に取り組んでいます。

JSFiddlerでの例

FF では動作しているようですが、IE ではまったく表示されません。

運がない特定のプロパティを変更しようとしました。

すべてのブラウザーで機能するように、誰かがこれを解決するのを手伝ってくれれば幸いです。

よろしく

4

4 に答える 4

1

非常に奇妙ですがHelvetica、CSS から削除すると、すべて正常に動作するように見えます。回転を削除したときにテキストが表示されますか?

また、height: -150px問題を引き起こしている可能性があります。代わりにマージンを使用してみてください。

追加したいかもしれません

-ms-transform: rotate(270deg);

最新の IE 用。

この記事 のデモは、IE9 で問題なく動作します: css-tricks.com/sideways-headers

これも良いです: css-tricks.com/snippets/css/text-rotation

于 2012-07-12T10:24:48.737 に答える
1

Webkit、moz、および o css3 プロパティを使用して回転させるためです。IE はこれらの css 属性をサポートしていません

于 2012-07-12T10:04:16.077 に答える
1

IE は、他のほとんどの CSS3 関数とともにこれをサポートしていません。

あなたはこの男の解決策を試すことができますが:

http://scottgale.com/blog/css-vertical-text/2010/03/01/

于 2012-07-12T10:03:42.657 に答える
0

私がJqueryと一緒に行った方法ははるかに優れており、他の例で直面したブラウザの問題を回避するのに役立つと思います

http://jsfiddle.net/RwEme/1865/をチェックしてください

これは私の例に最適であり、フォントにも問題なくIEでうまく機能すると思います。divにテキストを書き込んでjQueryプラグインで回転させています。

IE 8 以下に問題がある

于 2012-07-12T12:06:24.277 に答える