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: Desarrollo de Aplicaciones

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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

Descubre MasterClass de INESEM. Una plataforma en la que profesionales enseñan en abierto

Profesionales enseñando en abierto