css背景图像位置固定不按预期工作

Question

我是UI开发的新手，最近开始构建我的第一个Web应用程序并选择了html5-boilerplate框架。我已经开发了我的第一个html页面并在http://www.techtrek.guru域下托管了它。

我很少遇到问题：

1. 我希望修复英雄形象，并希望滚动页面时滚动文本。目前，当我滚动网页时，英雄形象也会向上滚动。

   我将position:fixed属性添加到.hero类，但它无法按预期工作。此外，我还尝试将z-index属性添加到-10，这也无效。

你可以帮我理解我哪里错了吗？

Answer 1

添加

background-attachment: fixed;

到.hero课程。 Reference for background-attachment