0

Quisiera agregar una imagen de fondo que ocupe todo el largo y ancho de mi pagina web

/* aqui le añado estilos al div con la imagen de fondo para que esta se alargue y tome la imagen de fondo hasta el final de la pagina */

.container-fluid{
    padding-top: 0.5%;
    padding-bottom: 25%;
}
<!-- aqui cargo la imagen de fondo -->
<div class="container-fluid position-absolute" style="background:url(https://aldanalaser.files.wordpress.com/2013/06/fondo-3.jpg?w=842);">
  <div class="container ">

1 respuesta 1

0

Te falta "estirar" la imagen para que no se repita y hacer que el fondo use toda la pantalla (el 100% del viewport).

/* aqui le añado estilos al div con la imagen de fondo para que esta se alargue y tome la imagen de fondo hasta el final de la pagina */

.container-fluid{
    padding-top: 0.5%;
    padding-bottom: 25%;
    background-image:url("https://aldanalaser.files.wordpress.com/2013/06/fondo-3.jpg?w=842");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vw;
}
<!-- aqui cargo la imagen de fondo -->
<div class="container-fluid position-absolute">
  <div class="container ">

Tu Respuesta

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

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