css - HTML、CSS 标题辅助

Question

由于我将无法发布图像，这里是它的链接

http://i.stack.imgur.com/LxO1e.png

我有这个网站，PHP 和所有其他东西都在工作。问题是当我向上滚动查看下面的其他内容时，向上滚动的元素会越过标题而不是下方。我该如何解决这个问题？

我似乎无法在这里发布 HTML，我尝试了缩进四个空格的东西，但它不适用于 HTML 的东西，所以这里是网站：pageboost.comze.com

这是 main 的 css 是 over 而不是 under

.inmain
{
width:95%;
height:100%;
left:20px;
top:42px;
position:relative;
}

这是标题的CSS

.header
{
background-color:#ffd800;
width:100%;
height:42px;
position:fixed;
left:0px;
top:0px;
-webkit-box-shadow: 0 5px 6px -6px black;
-moz-box-shadow: 0 5px 6px -6px black;
}

Answer 1

您必须使用这些位置之一来定义z-indexrelative,absolute or fixed。

例如像他这样写：

.header{
 position:fixed;
 z-index:1;
}

Answer 2

只需将z-index值定义到您定义位置的Header类或 Id 中。它发生了，所以当你给出z-index值时，我希望它能顺利工作.....

更新的答案

我已经在标题类中给出了z-index值，现在它工作正常请检查它.....

HTML

<div class="header"></div>
<div class="inmain">afdadfasf</div>

CSS

.header
{
background-color:#ffd800;
width:100%;
height:42px;
position:fixed;
left:0px;
top:0px;
-webkit-box-shadow: 0 5px 6px -6px black;
-moz-box-shadow: 0 5px 6px -6px black;
    z-index:1;
}

.inmain
{
width:95%;
height:100%;
left:20px;
top:35px;
position:relative;
}

为了更好地理解，请参阅现场演示：- http://jsfiddle.net/X8vpg/6/