Question

我在IE7中遇到了一些非常奇怪的行为。我希望将<body> - 标签置于相对位置。

如果我输入

body { position: relative; }

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

<body style="position: relative;">

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

Answer 1

对此感到好奇，但问题是@ thirtydot的评论似乎是正确的：答案是没有区别。我已经创建了this jsfiddle，它在IE7中呈现出预期的结果（完全诚实：我在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;
}

按照预期给我：

Screenshot from the jsfiddle

它在IE9和FF中呈现类似的效果。

position：relative，inline VS .css-file（IE7）

1 个答案: