imagen de fondo proporcional pero que se esconda antes de distorsionarse?

[00israel]

Pues eso queria saber como puedo poner una imagen de fondo que se ajuste al 100 % de la ventana pero que cuando empieces a cerrarla no se deforme, sino que se esconda. Vamos cuando se empiece a cerrar o cuando sea, que nunca se deforme.

He conseguido que se ajuste pero, se distorsiona.

Algo como esto:

http://http://www.christianwoo.com/

o como esto:

http://www.faustltd.com/

gracias

[IsaBelM]

se trata de hacerlo así

html {
display: block;
}

#fondo {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}

<img id="fondo" src="laimagn" alt="" />

[00israel]

Gracias isabelm por contestar.

En este ejemplo que me pones deja zonas en blanco. En cambio en los ejemplos que os mostraba no se ve ninguna zona en blanco. No se como lo hace realmente.

Es como si cuando estuvieras cerrando la ventana del navegador y se fuera haciendo mas pequeña la foto, llegará a un punto donde no se hiciera mas pequeña de su tamaño real y a partir de ahi se fuera escondiendo foto. En lo que se refiere a horizontalmente y yo creo que en lo que se refiere a verticalmente, lo que hace es esconder la imagen. no se...

[IsaBelM]

entonces no te he entendido. el código que te he dejado se adapta al tamaño del área activa de la pagina. pongamos que tienes una imagen de 1500 x 700, se adaptará a cualquier resolución, horizontalmente, (1024, 1280, etc..) e incluso aunque la ventana esté restaurada. para que se adapte verticalmente también, has de añadirle height: 100%

[00israel]

no pero, fijate en lo que hace la pagina de los ejemplos. Se esconde foto cuando se va haciendo mas pequeña de su tamaño real.

[IsaBelM]

no sé con que navegador lo estás viendo. lo que yo veo que ocurre es lo que ya te he comentado, la imagen se adapta al tamaño del área activa de la página. que justamente es lo que hace el código que te proporcioné

[00israel]

si, pero que siempre sea proporcional y si no puede hacerlo proporcionalmente, que esconda la parte de la imagen que no entraria en la ventana, pero que no se vaya reduciendo.

P.D.: edito el post porque me explique mal.

[IsaBelM]

la imágenes que se ven tienen 1242 x 900

veamos si es esto otro lo que quieres. añádela al body

body {
background: url(imagen);
width: 100%;
height: 100%;
}

[furoya]

Yo lo único que veo en esas páginas es spam. En una hay —además— algo que parece javascript (la verdad es que ni me animé a abrir el código).
¿Por qué no la estudias?. Quizá así puedas explicarte mejor.

[00israel]

gracias nuevamente Isabelm. Pero nada, no lo consigo.

Y furoya, eso estoy haciendo pero no le veo lo que realmente han hecho.

seguiré buscando, gracias