Css 滚动体*在*透明标题div下方？

我试图实现一个固定标题和固定边栏的滚动体。我想我就快到了，只是身体在页眉上方滚动。我希望我可以简单地增加标题相对于主体的z索引，但这不起作用，因为标题基本上是透明的

以下是网站：

有什么想法吗？ 谢谢

---

编辑：我应该澄清，我希望内容在标题下方滚动时不可见，而不仅仅是作为标题下方的一层。

对正文和标题使用相同的背景图像，但使用

背景位置：固定
。
这样，标题将具有不透明度，以便内容在下方滚动并隐藏。使用“固定位置”将确保两个图像无缝显示

另一方面，我无法查看您网站上的整个侧边栏，您可能需要重新考虑使用这种僵硬的布局。
以下是您的代码：

#thebody {
    display:inline-block;
    position:relative;
    width:984px;
    margin-left: 0px auto;
    margin-right: 0px auto;
    font-size:24px;
    text-align:center;
    height:100%;
    z-index:-1;
}

#theheader {
    display:inline-block;
    font-size:26px;
    width: 984px;
    margin-left: 0px auto;
    margin-right: 0px auto;
    background-color:none;
    clear:both;
}

z-indexs的工作方式是，任何要包含在分层中的东西都需要有一个z-indexset。因此，在当前的代码中，只设置了主体。将此项添加到标题中：

#theheader {
    display:inline-block;
    font-size:26px;
    width: 984px;
    margin-left: 0px auto;
    margin-right: 0px auto;
    background-color:none;
    clear:both;
    z-index: 10;  /* addition */
}

这会将
#标题
置于
#正文
上方。祝你好运，如果有问题请告诉我
 我希望有另一种方法，因为这会增加超过1mb的数据来加载，因为我们的背景图像往往是大文件。1360x768我刚刚测试了我发布的技术，它可以工作，你只需要为#u头声明一个z索引，并确保它占据整个顶部区域，与视口边缘齐平。在这种情况下使用填充，并确保它位于
顶部：0
，否则内容将在标题的侧面和顶部可见。它只下载文件一次，您可以随意使用它，而不必担心文件大小。一旦下载了，就不会再下载了，因为你在布局中使用了17次。好吧，如果是这样的话，那就太好了。我将测试这个解决方案（我没有你那么快；）@TNC:positionrelative不起作用，他当然使用positionfixed。z-index不需要相对位置，只需要任何位置声明。我在那里没有看到位置，这就是为什么我把它放在这里。我会删除它，如果它已经存在的话。所以现在内容会在标题下滚动，但是当它从下面经过时仍然可见。看一看：编辑：我应该澄清，我希望内容在标题下滚动时不可见，而不仅仅是在标题下滚动。@yajus：请看我的评论，我已经解决了这个问题。您需要设置标题的背景图像，并使用
background position:fixed