fondo adaptable a resolucion

Que tal

Me gustaria saber como puedo realiar lo siguiente

He creado una imagen para el fondo de mi web que es de 1024x768 y quiero que esa imagen este fija en el fondo(estatica, que no se mueva). ya la cree y le puse en un css background

background-image: url(ig/mifoto.cl); /*esta es la foto de 1024x768*/
background-repeat: no-repeat;
background-attachment: fixed;

Correcto.

Lo que no puedo hacer es que esta foto se adapte a distintas resoluciones es decir si mi pantalla es menos a la resolucion 1024x768 el fondo se ve impecable pero si mi resolucion es + de 1024 por ejemplo 1280x860 por decir algo el fondo que tengo no se adapta a esa nueva resolucion


Entoces como puedo hacer en html java css lo que sea que mi foto dispuesta para el fondo se adapte segun distintas resoluciones de pantallas


Ayuda porfa

Saludos.

Aquí la solución.

Un fondo de 1024x768????? Cuantos Kbs pesa???
Aunque la solución es ingeniosa, no creo que debas colocar un fondo de tales magnitudes a menos que sea muy pero muy necesario.
No se en que circunstancia te encuentras pero en todo caso usa algunos degradados, asi como la página del CLAB.

PD: Aunque mi comp no sea un avión mi Firefox no maneja muy bien que digamos el resizing de imags y se pone lentísimo.

yo siempre tiendo a colocar un fondo fino de un determinado largo y con degradado o textura para que se repita , con fondos grandes no los trabajo como "fondo" de web, harian la carga muy lenta

http://jorgebernal.es/2010/05/27/como-usar-una-imagen-de-fondo-que-se-adapte-a-la-pantalla/

Hola chaleco !!!
Existen en los monitores actuales (2011) 7 relaciones de aspecto, que son las resoluciones más comunes, te realizó una lista con los 2 valores más altos de cada una:

[5:4] (1280 x 1024) (2560 x 2048)
[4:3] (1400 x 1050) (2048 x 1536)
[3:2] (1280 x 854) (1440 x 960)
[16:10] (1920 x 1200) (2560 x 1600)
[5:3] (800 x 480) (1280 x 768)
[16:9] (1366 x 768) (1920 x 1080)
[17:9] (2048 x 1080)

La relación de aspecto 4:3 y 3:2 son las más difundidas para la creación de sitios web. Aún cuando esta lista esta algo acotada ya que existen más o menos 28 resoluciones de pantalla como por ejemplo: la 800 x 600, la 1024 x 768, la 480 x 320 (utilizada en iphone) etc.

Puedes ver tendrías que fabricar fondos demasiado grandes. Una solución práctica es que utilices la resolución más grande que puede abarcar a otras resoluciones (2560 x 1600). Obviamente esta no es la mejor solución ya que en algunas resoluciones se vera la mitad del contenido de la imagen.

La mejor solución para que no se pierda el contenido total de la imagen es capturar por javascript el tamaño del área de visualización del navegador y llamar la imagen con mejor ajuste. Pero tendrías que tener por lo menos 7 fondos con las diferentes relaciones de aspecto.

Anímate no es tan imposible.