Auto ajustar imagen de fondo de DIV

[Ticosoft]

Saludos amigos del foro... Necesito de su colaboracion con algo que no he podido resolver..

sere sencillo en exponer el problema.

tengo un div y dentro de el mostrare los resultados de una consulta php, de acuerdo al tamaño de registros devueltos por la consulta el div crecera en tamaño por tener Height: auto.. no hay problema.. pero la imagenq tiene de fondo no se estira... no quiero q haga el efecto mosaico, solo q su tamaño de alto sea igual al del DIV.

Espero me puedan ayudar..

[kseso?]

Css2.1 no define propiedades para el escalado de las imágenes colocadas como backgrounds de los elementos.

Css3, con lo que ello implica, sí:
background-size

Aunque sería más multinavegador que la imagen no fuese un fondo vía css sino en el html (dentro de la etiqueta <img=... />)

[emprear]

Ticosoft:

Si necesitas que dicha imagen sea necesariamente un fondo, para conseguir compatibilidad con todos los navegadores, vas a necesutar de Jquery, con Css solamente no lo vas a resolver

http://johnpatrickgiven.com/jquery/background-resize/
Ahi mismo podés bajar la demo


Saludos

[cristian_cena]

me ha pasado esto y luego de renegar lo he resuelto incluyendo la imagen en el html (tal como dice kseso) en lugar de incluirla como background de una capa, por si te sirve, comparto el ejemplo:

Código HTML:

<img src="ruta/img.xxx" width="100%" height="450px" alt=" ... "/>
 

Saludos.