Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/06/2015, 11:33
leyman07
 
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años
Puntos: 0
Como hago responsive el fondo de un div

Bueno, a ver si se entiende, mi consulta es como podría hacer para hacer responsive el fondo de un div, intenté algo y dió resultado pero no el ideal.

O sea, lo hice centrando la imagen usando esto

background-size: cover;
background-position: center

y no recuerdo ahora que otro atributo probé y dió algo de resultado pero no al 100% es decir al minimizar la ventana para probar no se adapta al 100%.

probé con los media queries y si, resulta pero hay que hacerlo uno por uno y modificando las resoluciones.

Lo que si es más sencillo es insertando la imagen (no colocándola como fondo) y poniendo un ancho de 100% y un alto automático. Pero el problema con eso es que si quisiera escribir texto sobre la imagen no sé como hacer. Intenté soluciones también pero queda el texto fijo y no se adapta. En este caso ¿Existe la posibilidad de insertar texto flotante sobre una imagen insertada y que sea responsivo?

Lo único que me resultó es ponerle al body, fué lo más sencillo y se adapta bien. Pero la pregunta es como hago en un div por ejemplo ¿Hay otra solución más práctica a las que expuse? Saludos.