2

ブラウザウィンドウの側面に対して横向きのタブセットを作成しようとしています-次のようなものです:

ここに画像の説明を入力

これまでの関連する CSS コード:

left: -29px;
transform: rotate(-270deg);
-ms-transform: rotate(-270deg); /* IE 9 */
-webkit-transform: rotate(-270deg); /* Safari and Chrome */
-o-transform: rotate(-270deg); /* Opera */
-moz-transform: rotate(-270deg); /* Firefox */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* for earlier versions of IE */

これは Firefox、Chrome、および IE9 では完全に機能しますが、以前のバージョンの IE ではタブが表示されません。問題はleft: -29px;コードにあるようです。0 に設定すると、IE8 以前では正しく表示されますが、IE9、Firefox、または Chrome では正しく表示されません。

これを処理する最良の方法は何ですか?

4

1 に答える 1

2

left暫定的なハックとして、プロパティを 0にオーバーライドする IE バージョンの条件付きスタイルシートを追加できます。

<!--[if lt IE 9]>
    <style>

    #myElement {
        left: 0px;
    }

    </style>
<![endif]-->

ここでの問題は、おそらく、回転が発生する原点が同じではないことです。変換の原点を指定することで何かを見つけることができるかどうかを確認します。

于 2012-12-13T21:15:21.900 に答える