Imagen de fondo a ventana completa

ferrito01 · #1 (**permalink**) 07/10/2008, 03:04

Hola a todos,

necesitaría hacer algo como esto

http://www.lookmumimontheinternet.com/flash/fullscreenbackground/

pero sin ser en flash.

He logrado algo parecido con este código, pero la imagen mantiene las proporciones por lo que si hago la ventana muy pequeña la imagen no se estira verticalmente para ocupar todo.

A ver si me podéis echar una mano. Muchas gracias.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
	margin:0px;
	padding:0px;}

#fondo {
	height:100%;
	width:100%;
	z-index:5;
}
-->
</style>
</head>

<body>
<div id="fondo">
<img src="imagen.jpg" height="100%" width="100%"/>
</div>
</body>
</html>

Mikmoro · #2 (**permalink**) 07/10/2008, 04:09

Aquí tienes un ejemplo en el que la imagen se deforma y siempre ocupa todo:

http://www.araudi.net/ejemplos/fondo_elastico.html

ferrito01 · #3 (**permalink**) 07/10/2008, 04:50

Perfecto.

Muchas gracias. Eres un crack!