0

No puedo hacer que esta imagen se acomode este es código css que tengo. lo selecionado es el codigo html de la parte donde esta la imagen

introducir la descripción de la imagen aquí

CSS

.login100-form-title {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  background-size: contain;
  background-position: cover;
  padding: 70px 15px 74px 15px;
}

introducir la descripción de la imagen aquí

1: https://i.sstatic.net/evBhY.jpgtexto en negrita

2
  • 2
    Cual imagen? Incluye tambien tu HTML
    – alanfcm
    Commented el 15 may. 2018 a las 22:56
  • gracias por decirme ya mostre la seccion del codigo html donde esta la imagen
    – Rogelio
    Commented el 15 may. 2018 a las 23:35

1 respuesta 1

0

tienes un error con la propiedad background-position, esta propiedad solamente acepta los valores siguientes: left, center, right, top, bottom, y para que la imagen tome el total del ancho del div, debes remplazar el valor de contain por cover en la propiedad background-size:

background-size: cover;  

Y puedes añadir esto para centrar la imagen:

background-position: center;
1
  • no funcion se agrando la imagen y no se ve completa
    – Rogelio
    Commented el 16 may. 2018 a las 0:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.