html - CSS:居中主页div

Question

我的网站有一个布局:http://imgur.com/RsAFgyz 问题是，我不知道如何让中心条移到导航栏后面，保持在页面中间(即使在缩放时)，甚至以正确的方式显示。有人可以指导我学习教程，或者告诉我怎么做吗？这是我的完整代码:http://jsfiddle.net/c7r6g/ (如果你没有注意到，我已经将导航栏设置为图像文件) 导航栏是 .rounded，我试图居中的 div 是 #centerstrip

抱歉，如果这有点含糊，我是 CSS 的业余爱好者(尤其是定位。)

Answer 1

看看 CSS z-index property .有了它，您可以定义将哪个元素放在另一个元素之上。

如果将此添加到 #centerstrip 的样式中，它将显示在导航栏下方。

#centerstrip {
    position: absolute;
    z-index: -1;
    top: 0px;
}