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>
<head>
<style type="text/css">
body
{
background-image:
url(IMAGENdeFONDO.gif');
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>
</head>

<body>
<p>La imagen no se mueve con la página.</p>
<p>Ejemplo de fondo fijo con CSS</p>
<p>Fondo que no se mueve.</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>La imagen no se mueve con la página.</p>
<p>Ejemplo de fondo fijo con CSS</p>
<p>Fondo que no se mueve.</p>
<p>La imagen no se mueve con la página.</p>
<br><br><br><br>br><br><br><br>
</body>

</html>


Keywords: Ejemplo de Fondo fijo en CSS, Fondo fijo en CSS, ,
Creado por: Morris el 01.28.09
Modificado por: Morris el 01.28.09

Si no encontraste lo que buscabas, prueba la búsqueda:

Búsqueda personalizada

Ejemplos relacionados


Últimos 3 comentarios en Ejemplo de Fondo fijo en CSS

Polak
12.27.11 a las 1:28:07
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
x_x
09.06.11 a las 5:50:29
Para los newbies deberias decir donde se pone no ? los q saben dudo q entren a páginas de tutoriales.
claudio
08.31.11 a las 18:30:55
muy bueno

Deja un comentario en Ejemplo de Fondo fijo en CSS

Nombre *
Correo *
Captcha