我正在更新我的投资组合，并希望尝试实现在此网站http://matthias.webrom.fr/上完成的效果，其中目标网页本身不滚动但内容在其上滑动。如果您将background-attachment: fixed放在后面，它与后台获得的效果相同。有没有办法只使用CSS在div上实现相同的效果？
答案 0 :(得分：0)
网站http://matthias.webrom.fr/由两个主要部分组成，即标题和page_content。标题包含具有您要复制效果的首页，page_content包含网站的其余部分。这很容易看到使用开发人员工具（在chrome中转到View-＆gt; Developer-＆gt; Developer Tools），这个工具非常有用！ （我建议你学习如何使用它）
如果您查看标题CSS，您会看到：
background-attachment: fixed;
这会强制背景保持在相同位置（因此不会滚动其余内容）。但是这仅适用于背景图像。在标题内部有一个包含文本的section元素。部分位置设置为：
position: fixed;
这会强制文本保持在相同位置，因为它相对于浏览器窗口而不是文档流定位。
现在，为了使标题出现在page_content后面，您必须使用z-index。您希望标题位于其他所有内容之后，因此它必须具有比page_content更低的z-index。