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

}

¿Cómo citar? Del Moral, M. & Figueroa,V. (s.f.). Ejemplos de Fondo Fijo En CSS.Ejemplo de. Recuperado el 12 de Noviembre de 2025 de https://www.ejemplode.com/18-css/502-ejemplo_de_fondo_fijo_en_css.html

CSS

Escrito por:
Mauricio del Moral Durán
Master en Comunicación Universidad Intercontinental
Editado por:
Victor Humberto Clemenceau Figueroa
Licenciatura en Filosofía Universidad Abierta de México
Creado el: 2009-01-28
Última modificación: 2013-09-07

Últimos 10 comentarios

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

Ejemplos de Fondo Fijo En CSS

Últimos 10 comentarios

Deja un comentario