Tendencias:
Cómo dejar el fondo estático en una página web

Cómo dejar el fondo estático en una página web

19/07/2013
Número de visualizaciones

Los diseñadores web, en muchos casos, nos encontramos con la necesidad de dejar un fondo estáticoCómo dejar el fondo estático en una página web - INESEM (logo de nuestra empresa, marca de agua, etc.) en la página que estamos diseñando, para que, a pesar del scroll, la imagen siempre pueda verse.

Como en otras ocasiones, la solución nos la da CSS, de hecho directamente podemos crear un estilo en nuestra web donde referenciemos la imagen de fondo a través del atributo background-image.

Con este atributo indicamos qué imagen deseamos en el fondo. Para fijarla recurriremos a los atributos:

  • background-repeat: indica si queremos o no scroll vertical.
  • background-attachment: indicará si la imagen queda fija o hará scrooll con el resto del texto.

Así pues, nuestro código quedaría como:

Puede descargar el ejemplo completo desde este enlace.

Como podéis comprobar en el ejemplo, con este sencillo código al principio de nuestra web, conseguiremos mantener la imagen que deseemos estática.

0
Categorizado en: Informática y TICS

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Descubre nuestro contenido más actualizado en TERRITORIO INESEM

PRÓXIMOS EVENTOS

La Importancia de la Marca a la Hora de Comunicarnos

La Importancia de la Marca a la Hora de Comunicarnos

Carlos Gutiérrez Horno
1 hora
25/03/2024 17:00
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School