body {background: url(image.png)} 不会居中或适应导航器大小？

Question

所以我有一个基本的学校项目，一个小错误真的让我很烦......现在已经花了几个小时了..

我需要这样的背景：

指定我必须将背景图像添加到我的 body 元素，所以这是我在 CSS 样式表中所做的：

body {
background: no-repeat url(background.jpg);
background-position: center center;
background-color: #f2f2f2; }

你看到的其他规则都是老师指定的。这是它在 Firefox 上提供的内容：

首先，与教师示例中的背景图片相比，它对于导航器来说太大了。其次它不居中..

如有任何帮助，我们将不胜感激:)

Answer 1

我认为缺少的是：

body {
  background: no-repeat url(background.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-color: #f2f2f2;
}

background-attachment 属性设置背景图像是与页面的其余部分一起滚动，还是固定。 background-size 属性指定背景图像的大小，cover 调整背景图像的大小以覆盖整个容器。

body {background: url(image.png)} 不会居中或适应导航器大小？

body {background: url(image.png)} won't center or adapt to navigator size?

html

css

firefox

background

positioning