创建跨多个元素的共享背景（包括背景的渐变效果），激发网站视觉；

.selector {
  background-image: linear-gradient(white, black);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;  /* <- here it is */

  width: 100px;
  height: 100px;
}

关键：background-attachment: fixed 将背景扩展到视口的大小并在每个元素中显示适当的块；不过在移动端，则需 clip: rect(0 auto auto 0) 额外处理；