Foros del Web » Creando para Internet » CSS »

valor cover o contain de background-size

Estas en el tema de valor cover o contain de background-size en el foro de CSS en Foros del Web. Cuando defino un background en css, si le pongo el valor cover o el valor contain para definir el tamaño relativo no me funciona, de ...
  #1 (permalink)  
Antiguo 10/11/2015, 04:19
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 10 años, 7 meses
Puntos: 1
Pregunta valor cover o contain de background-size

Cuando defino un background en css, si le pongo el valor cover o el valor contain para definir el tamaño relativo no me funciona, de hecho no muestra la imagen. SI quito ese valor se muestra la imagen...

¿Es que no son validos ya estos valores?

Y si es asi, cual es la forma de poner una imagen de background que se adapte al tamaño de pantalla (sin tener que recurrir a varias imagenes y a varios mediaqueries)?
  #2 (permalink)  
Antiguo 10/11/2015, 11:09
Avatar de mardojai  
Fecha de Ingreso: noviembre-2012
Ubicación: Lima, Perú
Mensajes: 137
Antigüedad: 11 años, 5 meses
Puntos: 44
Respuesta: valor cover o contain de background-size

Si lees la documentación en MDN https://developer.mozilla.org/en-US/...CSS/background, dice que en la propiedad "background", el "bg-size" se coloca después del "position" separados por un "/".

Así que seria de esta manera:

Código CSS:
Ver original
  1. background: url(fondo.jpg) center/cover;

o

Código CSS:
Ver original
  1. background: url(fondo.jpg) center/contain;

Saludos!
__________________
El que supera a otros es poderoso, y el que se supera a sí mismo es invencible.
__________________
Si te sirvió puntúa.
  #3 (permalink)  
Antiguo 10/11/2015, 12:06
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: valor cover o contain de background-size

con la propiedad cover o contain, agregale un width y height y te aparecera al bg ;) ya que se centrara al tamaño que le distes con W y H
  #4 (permalink)  
Antiguo 10/11/2015, 16:59
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: valor cover o contain de background-size

Mejor usa background-position. En Safari da problemas usarlo dentro del shorthand.
__________________
(:

Etiquetas: background, valor
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 13:41.