Imagen de fondo dinámica [SOLUCIONADO]

Iniciado por novalida, 22 Noviembre 2010, 22:51 PM

0 Miembros y 1 Visitante están viendo este tema.

novalida

Hola un saludo a todos y muy buenas!!!
Quiero meter como fondo para una web una imagen que ocupe el tamaño de la pantalla sin ninguna repetición, ni en X ni en Y, independientemente de la configuración de pantalla (1024x768, 1280x800, etc.), es decir, que la imagen se ajuste al tamaño de la definición del monitor.
He estado leyendo y encontré para CSS 3 el estilo background-size, pero como no lo acepta por el momento casi ningún navegador, declino dicha opción.
Alguién conoce alguna manera para poder ajustar la imagen de fondo de una web al tamaño de la definición del monitor???

Un saludo y muchas gracias por adelantado por la ayuda :)

PD: ME gustaría que el fondo fuese fijo, pues queda habilitado background-attachment: fixed

madpitbull_99




«Si quieres la paz prepárate para la guerra» Flavius Vegetius


[Taller]Instalación/Configuración y Teoría de Servicios en Red

novalida

Hola, gracias por contestar tan rápido.
Intenté por CSS y no conseguí nada porque "temía" usar JQuery dado que nunca lo he utilizado.
Al final me decanté por tu recomendación y todo ha funcionado perfecto.
Incluyo el código por si puede ayudar a alguien:



<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="BackStretch/jquery.backstretch.min.js"></script>
<script type="text/javascript">
        $.backstretch("imagenes/fondos/fondo.jpg", {speed: 150});
</script>



Muchas gracias por la respuesta :)