0

tengo una imagen, y quiero centrarla tanto horizontal como verticalmente, no me funciona, y si la quiero colocar a la derecha y abajo, sale es arriba:

{
    background-repeat: no-repeat;
    background-size: 300px;
    background-image: url(https://images.unsplash.com/photo-1635398517284-2f3c7fef7fee?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1172&q=80);
    background-position: center center;
}

El resultado, es como se ve en la capturaintroducir la descripción de la imagen aquí

1
  • Por favor, agrega el html necesario para eso, junto con su CSS completo. Ahora mismo, no se donde estas aplicando las reglas, si al body, un div, etc...
    – Excorpion
    Commented el 28 oct. 2021 a las 20:34

2 respuestas 2

0

Te ha faltado agregar un background-attachment
Con esta propiedad, la imagen no se desplazará con el contenido. Que es lo que hace que si la pones en el right bottom, la termines viendo arriba a la derecha.

body{
  background-repeat: no-repeat;
  background-size: 300px;
  background-image: url(https://i.gyazo.com/005a51f3345762185550aec273318c8e.png);
  background-position: center center;
  background-attachment: fixed;
}
<body></body>

1
  • Listo, voy a revisarlo, muchísimas gracias !!!!!!!
    – valenz74
    Commented el 29 oct. 2021 a las 22:45
-1

Prueba a meterle un hegiht || min-height

https://codepen.io/elazafran/pen/GRvvKMx

2
  • Listo, voy a revisarlo, muchísimas gracias !!!!!!!
    – valenz74
    Commented el 29 oct. 2021 a las 22:46
  • Aunque teoricamente este enlace conteste la pregunta, es preferible que incluyas las partes esenciales del mismo en la respuesta. Los enlaces pueden caducar y desaparecer. Ademas llevar al usuario a que lea en otro lugar la respuesta, no es la mejor opción.
    – gbianchi
    Commented el 4 nov. 2021 a las 20:13

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.