0

IE7 で非常に奇妙な動作が発生しています。<body>タグを相対的に配置したい。

入力すると

body { position: relative; }

私のcssファイルでは、私のメニュー(position:absolute)が機能しません。しかし、私が使用する場合

<body style="position: relative;">

できます。それはどのように違いを生むことができますか?css 属性などを削除する JavaScript はありません。

4

1 に答える 1

1

これについて興味がありましたが、質問が立っているので、@thirtydot のコメントは正しいようです。答えは違いがないということです。IE7 で期待どおりにレンダリングされるこの jsfiddleを作成しました (完全に正直に言うと、IE9 の IE7 モードでテストしました)。

コードは次のとおりです。

<html><head></head>
    <body>
        <div class="menu">HOME | PRODUCTS | ABOUT</div>
        <p>Testing!</p><p>Testing!</p><p>Testing!</p><p>Testing!</p>
    </body>
</html>

視覚化するためのいくつかの色を使用した、関連する CSS:

html {
    background-color: green;
}

div.menu {
    border: 1px solid blue;
    background-color: silver;
    position: absolute;
    right: 10px;
    top: 10px;
}

body {
    background-color: pink; 
    width: 90%;
    position: relative;
    left: 10px;
    top: 10px;
}

予想通り、私に与えます:

jsfiddle のスクリーンショット

私にとっては、IE9とFFで同様にレンダリングされます。

于 2012-05-12T21:20:13.220 に答える