background-attachment

Resumen

Si una imagen de fondo background-image es especificada, background-attachment determina si la imagen será fija dentro de la pantalla o se desplazará junto al bloque contenedor.

• inicial: desplazamiento (scroll)
• Se aplica a: todos los elementos
• herencia: no
• Porcentajes: N/A
• Medio: visual
• valor calculada: como se haya especificado

Sintaxis

background-attachment: scroll | fixed | inherit

Valores

scroll 

Si scroll es especificado, la imagen de fondo se moverá dentro de la pantalla junto al bloque que la contiene.

fixed 

Si fixed es especificado, la imagen de fondo estará fija en la pantalla y no se moverá con el bloque contenedor.

Ejemplos

Ver El Ejemplo Vivo

body {
	background-image: url("images/cartooncat.png");
	background-position: bottom left;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

Especificaciones

• CSS 1
• CSS 2.1
• CSS 3

Compatibilidad de navegadores

Ver también

background, background-attachment, background-color, background-image, background-position, background-repeat