Ejemplo de Fondo Fijo En CSS

Inicio » CSS » 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;
}
CSS
Modificado por: Equipo de Redacción Ejemplode, 2013-09-07

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 2014-04-19 a las 10:36:06
  2. 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 2013-08-21 a las 17:15:06
  3. 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 2011-12-27 a las 7:28:07
  4. Para los newbies deberias decir donde se pone no ? los q saben dudo q entren a páginas de tutoriales.
    Por x_x 2011-09-06 a las 10:50:29
  5. muy bueno
    Por claudio 2011-08-31 a las 23:30:55

Deja un comentario


Acepto la política de privacidad.