Ejemplo de Fondo fijo en CSS

Inicio » CSS » Fondo fijo en CSS
Autor: Redacción Ejemplode.com, año 2019

Alguna vez te has preguntado cómo se hacen los fondos de las páginas que no caminan, es decir, que cuando recorres para leer el texto el fondo se queda fijo. Pues aquí te tengo la solución para poner un fondo fijo con CSS.

 

html {
        background: url(img/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Citado APA: (A. 2009,01. Ejemplo de Fondo fijo en CSS. Revista Ejemplode.com. Obtenido 01, 2009, de https://www.ejemplode.com/18-css/502-ejemplo_de_fondo_fijo_en_css.html)

¡Ayúdanos a ayudarte! Por favor comparte este artículo.

  
CSS
Autor: Redacción Ejemplode.com, año 2019

Artículos relacionados:

  • Ejemplo de Borde en CSS
  • Ejemplo de Scroll en div overflow
  • Ejemplo de Botón Formulario en CSS
  • Ejemplo de Cursor de Ayuda con CSS
  • Ejemplo de Decoración de textos con CSS
  • Ejemplo de Justificar, centrar y alinear a la derecha con CSS

    • Búsqueda:

    Comentarios:

    1. Gracias, desúes de probar varios códigos, este es el único que funciona a la perfección, me gusta que se adapte a todas las resoluciones y tamaños del navegador.
      Por Wasats 04.19.14 a las 10:36:06
      1. Gracias por la ayuda, estaba buscando cómo fijar el fondo y me ha sido muy útil el código, se te agradece.
        Por Frank 08.21.13 a las 17:15:06
        1. tienes que entrar en el archivo .css de tu pagina y encontrar el TAG de \"body\", despues solo tendrias que agregaresto:

          {
          background-image:
          url(IMAGENdeFONDO.gif\');
          background-repeat: no-repeat;
          background-attachment: fixed
          }

          El que realmente hace que la pagina sea fija es este:

          background-attachment: fixed
          Por Polak 12.27.11 a las 7:28:07
          1. Para los newbies deberias decir donde se pone no ? los q saben dudo q entren a páginas de tutoriales.
            Por x_x 09.06.11 a las 10:50:29
            1. muy bueno
              Por claudio 08.31.11 a las 23:30:55

              Deja un comentario


              Acepto la política de privacidad.


    Tweet