css background: 和 background-image 的区别：

Question

快速简单的问题在下面的外部 CSS 页面示例中；

body {
  background-image: url(background.jpg);
}
header {
  background: url(background.jpg);
}

我知道它们会影响不同的元素选择器，我的问题是使用背景与背景图像有什么区别？一个人是否可以访问另一个人的特定属性？谢谢，麻烦您了。

Answer 1

在背景属性中可以添加background-color、repeat、no-repeat等图片属性，但在background-image中属性你只能添加图片。

background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;

在后台属性你可以在一行中完成所有这些

background: #ccc url(paper.gif) no-repeat;

Answer 2

使用background需要指定其他参数来设置页面的背景。如果你只是使用背景图像，它只需要一个参数。

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

css difference between background: and background-image: