滚动时如何阻止图像向下移动？

Question

我创建了大约半页的标题图片。当用户向下滚动时，图像也会随着滚动而下降。我希望图像上升并隐藏，不会影响其下方的内容。我检查过许多单页网站网站，其中图像位于某个地方，滚动时，它们上下滚动，不会影响其他内容。

我尝试使用position:fixed但它不起作用，position:relative也会影响其下方的内容。

我想要的例子：http://www.piedpiper.com/

请告诉我该怎么做。

Answer 1

为图像的父元素设置 position：fixed 。