【发布时间】:2014-07-19 17:55:24
【问题描述】:
我是 UI 开发的新手,最近开始构建我的第一个 Web 应用程序,并选择了 html5-boilerplate 框架。我开发了我的第一个 html 页面并将其托管在 http://www.techtrek.guru 域下。
我对几个问题感到震惊:
-
我希望修复英雄图像并希望在滚动页面时滚动文本。目前,当我滚动网页时,英雄图像也会向上滚动。
我将
position:fixed属性添加到.hero类,但它没有按预期工作。此外,我还尝试将z-index属性添加到-10,这也不起作用。
你能帮我理解我哪里出错了吗?
【问题讨论】:
-
所以您希望图像在向下滚动时被“学习技术...”部分覆盖?
-
我希望“学习技术...”部分在我滚动页面时向上滚动,但希望背景图像保持固定。
-
完成,检查我的答案。此外,您可能希望在您的页面中添加一个非空的
<title>以便验证。
标签: html css responsive-design html5boilerplate