IE7 で非常に奇妙な動作が発生しています。<body>
タグを相対的に配置したい。
入力すると
body { position: relative; }
私のcssファイルでは、私のメニュー(position:absolute)が機能しません。しかし、私が使用する場合
<body style="position: relative;">
できます。それはどのように違いを生むことができますか?css 属性などを削除する JavaScript はありません。
IE7 で非常に奇妙な動作が発生しています。<body>
タグを相対的に配置したい。
入力すると
body { position: relative; }
私のcssファイルでは、私のメニュー(position:absolute)が機能しません。しかし、私が使用する場合
<body style="position: relative;">
できます。それはどのように違いを生むことができますか?css 属性などを削除する JavaScript はありません。
これについて興味がありましたが、質問が立っているので、@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;
}
予想通り、私に与えます:
私にとっては、IE9とFFで同様にレンダリングされます。