28 feb 2012

CSS1 | background-attachment - Fijación del fondo

La propiedad background-attachment determina si una imagen de fondo es fija o se desplaza con el resto de la página cuando esta se desplaza (utilizando las barras de desplazamiento del navegador). 
La propiedad es compatible con los principales navegadores, aunque el valor de "inherit" no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9  para soportar "inherit". La sintaxis es la siguiente:


background-attachment:value;


Donde "value" puede ser cualquiera de las palabras claves siguientes:
  • scroll: la imagen de fondo se desplaza con el resto de la página 
  • fixed: la imagen de fondo está fija
  • inherit: se hereda del elemento padre
Por defecto el valor de background-attachment es "scroll", es decir que la imagen de fondo se desplazara con el bloque:

scroll

Mencionamos anteriormente que para que la imagen de fondo no se desplace al utilizar las barras usamos la palabra clave "fixed":


fixed

Espero que les haya sido de utilidad...
Hasta la próxima!!!