Foros del Web » Creando para Internet » CSS »

Auto ajustar imagen de fondo de DIV

Estas en el tema de Auto ajustar imagen de fondo de DIV en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/06/2011, 08:05
Avatar de Ticosoft  
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 9 años, 2 meses
Puntos: 1
Auto ajustar imagen de fondo de DIV

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..
  #2 (permalink)  
Antiguo 18/06/2011, 11:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 4 meses
Puntos: 538
Respuesta: Auto ajustar imagen de fondo de DIV

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=... />)
  #3 (permalink)  
Antiguo 18/06/2011, 13:38
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 3 meses
Puntos: 1567
Respuesta: Auto ajustar imagen de fondo de DIV

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 18/06/2011, 21:24
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 3 meses
Puntos: 269
Respuesta: Auto ajustar imagen de fondo de DIV

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:
Ver original
  1. <img src="ruta/img.xxx" width="100%" height="450px" alt=" ... "/>

Saludos.

Etiquetas: auto, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:05.