Question

由于我无法在此处发布图片链接

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

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

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

这是主要的css而不是

.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

您必须使用其中一个位置relative,absolute or fixed定义 z-index 。

例如写下他的：

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

Answer 2

只需将 z-index 值定义到标题类或已定义位置的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/

HTML，CSS标头辅助

2 个答案: