CSS 背景附着

background-attachment 属性指定背景图像是应该滚动还是固定的(不会随页面的其余部分一起滚动):

范例

指定应该固定背景图像:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

我要试一试

范例

指定背景图像应随页面的其余部分一起滚动:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

我要试一试

1. CSS background - 简写属性:如需缩短代码,也可以在一个属性中指定所有背景属性。它被称为简写属性。使用简写属性在一条声明中设置背景属性:body { background: #ffffff url("tree.png") no-repeat right top;}