Día 13: Background Attachment

La propiedad - background-attachment

La propiedad background-attachment especifica si la imagen de fondo debe desplazarse o ser fija (no se desplazará con el resto de la página):

Ejemplo:

Especifique si la imagen de fondo debe ser fija:

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

Ejemplo:

Especifique que la imagen de fondo debe desplazarse con el resto de la página:

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

Resumen

La propiedad background-attachment en CSS especifica si la imagen de fondo debe ser fija o desplazarse con el resto de la página. Se puede usar background-attachment: fixed para una imagen fija y background-attachment: scroll para una imagen que se desplaza con la página.

Traducido con 💚 desde W3Schools.com