css - 用 CSS 固定背景？

Question

我想将我的背景修复为身体的 100% 高度，即使页面的其余部分滚动时也将其保留在那里。

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

score 4 · Accepted Answer

4

在 CSS 中，使用这个：

background-attachment: fixed;

于 2012-04-09T16:35:14.463 回答

score 3 · Accepted Answer

根据您希望背景图像执行的操作，有几个选项。ALA 上有一篇很棒的文章，关于全屏 BG 图像，它解释了缩放：

如果您只是想在浏览器中定位图像，您可以：

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

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

score 0 · Accepted Answer

一些浏览器仍然无法支持背景图像的拉伸，所以这里有一个解决方法。

由于它已经是 1200 像素，因此您可以background-attachment:fixed;在背景上使用以使其在滚动时跟随。w3schools的示例。您可以使图像看起来像是要在底部流入纯色并带有漂亮的渐变等。

3 回答 3