html - 如何在每个屏幕分辨率上固定图像？

Question

我正在寻求有关如何在任何屏幕分辨率下保持图像适合整个屏幕的帮助。但是图像不是背景。它只是一张封面照片，向下滚动一次您将查看网站内容。一个例子是这个网站:http://riotdesign.eu/en/我本质上是在寻找相同的想法。

现在我的 div 设置为这些参数。然而，无论我设置为 100% 还是设置 px，图像的高度都会向下延伸得更远。让内容与底部的图像重叠以稍微隐藏它会更容易吗？ div 的 CSS 见下文。

#cover{
width:100%;
height: 1000px;
margin: auto;
}

Answer 1

如果我继续你的问题，你正在搜索“Parallax Plugin jQuery”

示例: Simple Parallax Scrolling