CSS 问题 : Text Sitting Below Fixed Position Div

Question

我有一个具有固定背景的网站和另一个位于我已成功定位的页面中心的小图像，但是当我尝试将另一个 div 放入应该包含文本的位置时，问题就来了和内容，它位于图像下方。

您可以在此处查看我的示例:(请不要担心 URL!这不是什么狡猾或令人厌恶的东西，这只是我在域名周围的垃圾)。 http://liquid-shit.com/csstest.php (页面)

(所以只允许我发布一个超链接，所以这里是指向未链接的 css 的链接，删除/之间的空格)

http://liquid-shit.com/csstest.css(页面)

正如您在页面底部看到的，文本上方有两个白色的小花朵图像。我试过更改 html 和 z-indexes 等中 div 的顺序。

我的 CSS 有点生疏，这个让我卡住了。

提前致谢- 本

Answer 1

固定定位将始终位于流(正常)定位之上。您需要更改#content 以使用绝对或固定定位，然后正确定位元素。

这是更新后的 CSS:

#content {
    width:200px;
    min-height:100%;
    margin:auto;
    z-index:1;
    position:absolute;
    left:50%;
    margin-left:100px; /* half the width to obtain proper offset */
}