Atributo background-attachment CSS

Definición y uso

background-attachment Configura si la imagen de fondo debe estar fija o desplazarse con el resto de la página.

Véase también:

Tutoriales de CSS:CSS fondo

Manual de referencia de HTML DOM:Atributo backgroundAttachment

Ejemplo

Cómo establecer una imagen de fondo fija:

body 
  { 
  background-image: url(bgimage.gif); 
  background-attachment: fixed;
  }

Prueba por ti mismo

Sintaxis de CSS

background-attachment: scroll|fixed|local|initial|inherit;

Valor del atributo

Valor Descripción
scroll Valor predeterminado. La imagen de fondo se mueve con el resto de la página.
fixed La imagen de fondo no se mueve cuando el resto de la página se desplaza.
inherit Define que se debe heredar la configuración de la propiedad background-attachment del elemento padre.

Detalles técnicos

Valor predeterminado: scroll
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.backgroundAttachment="fixed"

Compatibilidad del navegador

La tabla indica la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5