Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/01/2015, 19:19
Avatar de mgocx
mgocx
 
Fecha de Ingreso: agosto-2010
Ubicación: Argentina - Bahia Blanca
Mensajes: 83
Antigüedad: 13 años, 8 meses
Puntos: 2
Pregunta Ajustar imagen con css

Hola amigos como estas?!

Bueno vamos a "eso"!

Resulta que tengo un div con una imagen de fondo, cuyo "div" de be contener una imagen de 350px x 350px.
Entonces supongamos que tengo una imagen de 1920 x 1080 px, la idea sería intentar contenerla dentro de los 350 px x 350 px. centrar la imagen e intentar respetar la imagen aunque se pierda contenido.

Código CSS:
Ver original
  1. .imagen_post{
  2.    width: 350px;
  3.    height: 350px;
  4.    display: block;
  5.    background:url(la_img.png) center center;
  6.    -webkit-background-size: cover;
  7.    -moz-background-size: cover;
  8.    -o-background-size: cover;
  9.    background-size: cover;
  10. }

Esto es lo que tengo hasta ahora pero con imágenes grandes no se ajusta solo se centra.

Bueno espero que se entienda mi idea, muchas gracias de antemano!