0

我在 IE7 中遇到了一些非常奇怪的行为。我想定位我的<body>-tag 相对位置。

如果我输入

body { position: relative; }

在我的 css 文件中，我的菜单（位置：绝对）不起作用。但如果我使用

<body style="position: relative;">

有用。这怎么可能有所作为？没有 javascript 正在删除 css 属性或类似的东西。

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 回答