Mantener el fondo de tu web inmóvil

Escrito por J.F. el Lunes, 2 de Julio del 2007 a las 13:36

Muchas páginas web utilizan como fondo una imagen. Si quieres usar una imagen y no te gusta el efecto de que se repita una y otra vez, puedes conseguir que esa imagen se quede inmóvil al hacer scroll. Se puede conseguir de forma muy sencilla, mediante el uso de CSS:

TEXTO PLANO

CSS:

1. <style type="text/css">
2.  
3. body {
4. background: url(imagen.gif);
5. background-attachment: fixed;
6. }
7. </style>

Puedes colocar el código entre el head de la página, o añadir a la hoja de estilos CSS las 2 propiedades arriba expuestas. Recuerda que imagen.gif puede ser cualquier imagen que tu desees con cualquier nombre. De ésta manera al hacer scroll en tu web, la imagen de fondo se mantendrá fija. Puedes ver un ejemplo para ver como queda.

Categoria: CSS

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Deja un comentario

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>