Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

Propiedades de Fondo

Scroll, fijar imágen fondo

Si tenemos una imagen de fondo, podemos determinar si ésta se fija (fixed) con relación al contenido, o si se mueve (hace scroll) junto con el contenido.mediante la propiedad css background-attachment :

¿ Cómo aplicar scroll imágen de fondo ?

Para generar scroll (valor por defecto) en la imágen de fondo. Es decir, que la imágen de fondo se mueve junto al contenido, la propiedad background-attachment toma el valor scroll.

Scroll

La imágen de fondo se mueve (hace scroll) junto con el contenido, "esta opcion es la predeterminada".
Ejemplo:
body{background-image:url(fig1.jpg);background-attachment:scroll;}

¿ Cómo fijar una imágen de fondo ?

Al fijar una imágen de fondo esta permanecera estática en su ubicación, este efecto podra notarse cuando el contenido o texto de una página es extenso y aparece la barra de scroll y se desplaza el texto, mientras la imágen de fondo permanecera fija. Para aplicarlo la propiedad background-attachment toma el valor fixed.

Fixed

La imágen tendra una posición fija en relacion al contenido.
Ejemplo:
body{background-image:url(fig1.jpg);background-attachment:fixed;}

MANUAL CSS

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net