背景：和背景图像之间的差异：

Question

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

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

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

Answer 1

在Background属性中，您可以添加背景颜色，重复，不重复和图像属性 但是在background-image属性中，您只能添加图像

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

并且在bacground属性中，您可以在一行中完成所有这些

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

Answer 2

通过使用背景，您需要指定其他参数来设置页面的背景。如果您只使用背景图像，则只需要一个参数。

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