Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Imagen de Fondo se recorta

Estas en el tema de Imagen de Fondo se recorta en el foro de CSS en Foros del Web. Hola. Tengo un div con un tamaño del 100%. De fondo, con css, una imagen de 1900 px de ancho. Cuando la pantalla es de ...
  #1 (permalink)  
Antiguo 15/10/2013, 15:14
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 14 años, 11 meses
Puntos: 6
Imagen de Fondo se recorta

Hola. Tengo un div con un tamaño del 100%. De fondo, con css, una imagen de 1900 px de ancho. Cuando la pantalla es de 1900 px., se ve perfecto, tanto el div como su imagen de fondo.

Código CSS:
Ver original
  1. section_principal{background-image: url("../../script/imagenes/img_carrusel.jpg"); background-position:center;}

Si la pantalla es de 1200 px, el div se ve perfecto, logicamente, pero la imagen de fondo se recorta, es decir, al estar centrada, se ve el centro de la imagen 1200 px., pero los 700 restantes no se ven.

Lo que quiero es que aunque el dispositivo sea de 1200 px, la imagen se vea entera, aunque logicamente, mas pequeña, todo esto con css.

Gracias. Un saludo.
  #2 (permalink)  
Antiguo 15/10/2013, 15:24
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 7 meses
Puntos: 397
Respuesta: Imagen de Fondo se recorta

Investiga sobre background-size

Saludos
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #3 (permalink)  
Antiguo 15/10/2013, 15:48
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 14 años, 11 meses
Puntos: 6
Respuesta: Imagen de Fondo se recorta

Joder, estaba seguro de que era algo sencillo, pero no tanto. Madre mia.., en fin.

Etiquetas: ancho, background
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 15:01.