Foros del Web » Creando para Internet » CSS »

Imagen de fondo sin que le afecte el zoom

Estas en el tema de Imagen de fondo sin que le afecte el zoom en el foro de CSS en Foros del Web. Hola! Visitando la página web de Massimo Dutti (http://www.massimodutti.com/) me he dado cuenta que al hacer zoom en el navegador la imagen de fondo no ...
  #1 (permalink)  
Antiguo 01/04/2013, 09:31
David103
Invitado
 
Mensajes: n/a
Puntos:
Imagen de fondo sin que le afecte el zoom

Hola! Visitando la página web de Massimo Dutti (http://www.massimodutti.com/) me he dado cuenta que al hacer zoom en el navegador la imagen de fondo no se ve afectada, siendo únicamente disminuido o aumentado el menú de la izquierda y el footer.

¿Cómo se puede conseguir esto?

Un saludo!

PD: Que no solo no le afecte el zoom, sino que al minimizar la pantalla de tamaño tampoco le afecte.

Última edición por David103; 01/04/2013 a las 09:39
  #2 (permalink)  
Antiguo 01/04/2013, 10:31
 
Fecha de Ingreso: noviembre-2010
Ubicación: Córdoba
Mensajes: 119
Antigüedad: 13 años, 6 meses
Puntos: 8
Respuesta: Imagen de fondo sin que le afecte el zoom

Con CSS supongo que sería utilizando un DIV que mantenga la imagen como fixed y que cubra siempre el 100% del display donde se muestra.
Claro que CSS como HTML es generado y enviado desde el servidor por lo que se debería modificar el tamaño del div mediante javascript.
  #3 (permalink)  
Antiguo 01/04/2013, 10:37
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 11 meses
Puntos: 137
Respuesta: Imagen de fondo sin que le afecte el zoom

http://ksesocss.blogspot.com/2012/04...-al-viejo.html
__________________
Toroflix - movies.
  #4 (permalink)  
Antiguo 01/04/2013, 11:48
David103
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Imagen de fondo sin que le afecte el zoom

Hola a los dos, creo que se más o menos la forma teórica de hacerlo, no obstante es algo compleja para ser un simple fondo, la idea sería en primer lugar poner el fondo a 100% de anchura y altura, sin márgenes y con posición fija o absoluta. Hasta aquí tendríamos solucionado el problema del zoom, pues siempre ocuparía todo el espacio. Para solucionar el problema de la distorsión lo que se haría sería mediante un javascript captar la resolución disponible en cada usuario y ponerla como altura y anchura mínima. No obstante no es tan fácil puesto que un simple zoom cambiaría este valor y tendría que volver a ser establecido, mediante algún evento o algo similar.

Seguro que hay algún método más fácil, a ver si alguien lo tiene y lo soluciona.

Un saludo y gracias por las respuestas!
  #5 (permalink)  
Antiguo 01/04/2013, 14:11
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 10 meses
Puntos: 2114
Respuesta: Imagen de fondo sin que le afecte el zoom

En realidad no tiene mayor misterio que usar background-size —no he mirado la página, igual lo hacen de alguna otra forma más compleja.

Código CSS:
Ver original
  1. background-size: 100%
  2. background-size: cover
  3. etc...

Etiquetas: zoom
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 10:19.