Inicio » CSS » Fondo fijo en CSS

Ejemplo de Fondo fijo en CSS

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;
}

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

  
CSS
Por : Victor

Búsqueda:

Búsqueda personalizada

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 5: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 12: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 1: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 5:50:29
          1. muy bueno
            Por claudio 08.31.11 a las 18:30:55

          Deja un comentario

Tweet