0

Hola tenia una duda bastante breve que e estado bastante rato intentando solucionar y no se si alguien podría ayudar, resulta de que necesito poner una imagen como banner para un video de YouTube pero la imagen se me duplica por así decirlo no ocupa el 100% del largo acá dejo la clase con la cual estoy trabajando y el como se ve.

.banner-video{
background-image: url(../img/banner-transparencia-activa-2018.png) ;
padding: 200px 150px;
position: relative;
text-align: center;
width: 100%;
height: 100%;

}

introducir la descripción de la imagen aquí

1 respuesta 1

1

Agrega a tu css las otras propiedades para background:

.banner-video{
  background-image: url(../img/banner-transparencia-activa-2018.png);
  background-repeat: no-repeat; /* evita que se repita la imagen */
  background-size: 100%; /* usa el 100% del largo de la pantalla */
  padding: 200px 150px;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
2
  • Muchísimas gracias por la ayuda, esta fue la solución.
    – BJOTA
    Commented el 25 nov. 2020 a las 17:44
  • @BryanJoséM79 recuerda marcarla como respuesta
    – Excorpion
    Commented el 25 nov. 2020 a las 18:06

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.