imagen de fondo auto-ajustable

jau4ever · #1 (**permalink**) 03/03/2010, 13:06

Hola !
Quiero saber como puedo poner una imagen de fondo auto-ajustable a la resolución de cada monitor. Aquí os dejo 2 ejemplos de lo que quiero.

1- http://www.araudi.net/ejemplos/fondo_elastico.html
2- http://www.araudi.net/ejemplos/fondo_elastico2.html

GRACIAS !

osvier · #2 (**permalink**) 04/03/2010, 01:51

este es el código fuente del primer recurso que proporcionas

Código HTML:

Ver original<style type="text/css"> 
#caja { position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#caja img { width: 100%;
height: 100%;
}
.texto { color: #f00;
font-size: 30px;
position: relative;
}
</style>
</head>
<body>
<div id="caja"><img src="http://www.forosdelweb.com/f4/img/270650_hello_my_friend.jpg" alt="Imagen de un apretón de manos, un blanco y un negro" /></div>
<div class="texto">El contenido quedar&aacute; sobre la
capa de la imagen</div>