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

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

CSS
Escrito por:
Mauricio del Moral Durán
Mauricio del Moral, fundador y creador de Ejemplo de, es un experto en enseñanza y un apasionado del ámbito educativo desde el año 2007. Ha dedicado una considerable parte de su vida profesional al estudio y al desarrollo de contenidos educativos en formatos digitales de alta calidad. Poseedor de una Licenciatura en Ciencias de la Comunicación, Mauricio es egresado de la prestigiosa Universidad Intercontinental.
Victor Humberto Clemenceau Figueroa
Licenciatura en Filosofía
Universidad Abierta de México
Última modificación: 2013-09-07

Últimos 10 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

Deja un comentario


Acepto la política de privacidad.