css - 滚动体*在*下方*一个透明的标题 div？

Question

我正在尝试实现具有固定标题和固定侧边栏的滚动体。我想我几乎已经完成了，除了正文滚动在标题之上。我希望我可以简单地增加标题相对于正文的 z-index 但这不起作用，因为标题大部分是透明的。

这是网站:link

有什么想法吗？谢谢

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

Answer 1

为您的正文和页眉使用相同的背景图片，但使用 background-position:fixed。这样，标题将具有不透明度，以便内容在下方滚动并隐藏。使用固定位置将确保两个图像无缝显示。

附带说明，我无法查看您网站上的整个侧边栏，您可能需要重新考虑使用这种严格的布局。