Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/02/2011, 16:06
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 7 años, 9 meses
Puntos: 36
Respuesta: fondo segun resolución

Supongo que lo que quieres es que tu fondo se escale con el ancho y alto de la pantalla, que aumente o se encoja la imagen.
La mayoría usamos fondos que se repiten a lo ancho, a lo alto o en ambos sentidos utilizando la propiedad background-repeat. Eso hace que tengamos que usar imágenes que encajan unas con otras como los dibujos de los azulejos. Es la manera más simple.

Pero supongo que lo que preguntas es cómo usar una imagen, como una foto, que no se debe repetir.
En ese caso yo utilizo una imagen de un tamaño tan ancho como la mayor resolución que se me ocurre (en torno a 2000px). En lugar de usarla como background debes usar la etiqueta <img> para poder ajustarla con porcentajes. Queda decidir si vas a mantener el ancho o el alto de la imagen.
Si usas el ancho debes dar un width:100%; height:auto; a la imagen y si quieres mantener el alto usa width:auto; height:100%. El dar el valor 100% al alto y al ancho no se recomienda porque deformaría la imagen (salvo que sea por ejemplo un degradado o algo así). Conviene añadir un background al contenedor de la imagen por si quedan zonas sin cubrir.
Para que la página se muestre por encima es necesario que esta imagen esté en un contenedor con posición fija y el contenido se muestre en un contenedor con posición absoluta fijada mediante top:0.
Debería funcionar. Creo que en breve podremos cambiar el tamaño y componer varias imágenes en un solo fondo, hasta entonces uso cosas como esas.