⇪

background-attachment

facebook-svg gplus-svg twitter-svg

La propiedad background-attachment se utiliza para controlar como se comportan las imágenes de fondo al desplazar ( scroll ) la página. Puede tomar uno de estos valores:

- scroll: la imagen de fondo esta fija relativamente al elemento y no se desplaza cuando el contenido lo hace. Sin embargo se desplaza con la ventana junto con el elemento contenedor.
- fixed: la imagen de fondo esta fija relativamente al viewport  y no se mueve al desplazar el contenido del elemento. También queda fija al desplazar la ventana.
- local: si el elemento tiene barras de desplazamiento  la imagen se desplaza con el contenido al hacer scroll.


.scroll {  
  background-attachment: scroll;
}

.fixed {
  background-attachment: fixed;
}

.local {
  background-attachment: local;
}

Ejemplos

Vea todos estos ejemplos en Codepen:

See the Pen background-attachment**** by Gabi (@enxaneta) on CodePen.