INESEM Business School
Contactar por whatsappWhatsapp

Contacta con nosotros

Teléfono de INESEM 958 050 205
Cómo dejar el fondo estático en una página web
Te ayudamos a elegir tu formación

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

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 (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.

body 
{
background-image: url("inesem.jpg");

}

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:

body 
{
background-image: url("inesem.jpg");
background-repeat: no-repeat;
background-attachment: fixed
}


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.

Categorizado en: Informática y TICS

Solicita información de nuestros cursos y masters




    Información básica sobre Protección de Datos. Haz clic aquí

    Acepto el tratamiento de mis datos con la finalidad prevista en la información básica

    ¿Quieres más artículos de Informática y TICS ?

    Selecciona la categoría que más te interese

    ¡Descubre los secretos de inesem en nuestro canal de Telegram!

    Artículos más leídos

    Descubre Territorio Inesem

    Disfruta del mejor contenido con los últimos podcast y webinars

    ES EL MOMENTO

    Comienza tu futuro de la mano de INESEM Business School con el programa de

    EXECUTIVE MASTERS

    Únete al selecto grupo de alumnos que han conseguido alcanzar una carrera de éxito en las profesiones más demandadas.

    ÚNETE AL EQUIPO DE REDACCIÓN

    Comparte tu conocimiento con otros profesionales

    Saber más