Question

我想将背景修正到100％的身高，即使页面的其余部分滚动也要保留在那里。

我如何实现这一目标？现在我只有background:url(bg.png);。如果重要的话，图像的高度为1200像素，宽度为20像素。

Answer 1

在css中，请使用：

background-attachment: fixed;

Answer 2

根据您想要的背景图像，有几个选项。关于全屏BG图像的ALA有一篇很棒的文章说明了缩放：

如果您只想将图像放在浏览器中，您可以这样做：

background:url(bg.png) no-repeat top left;
background-attachment:fixed;

或者你想分别定位它（右上角等）

Answer 3

有些浏览器仍然无法支持背景图像的拉伸，所以这里是workaround。

由于它已经是1200px，因此您可以在后台使用background-attachment:fixed;以便在滚动时跟随它。 w3schools处的示例。您可以使图像看起来像是在底部流动为纯色，并带有漂亮的渐变等。