0

Se que suena raro, pero en mi caso realmente creo que es muy necesario. Lo que debo de hacer es lo siguiente:

introducir la descripción de la imagen aquí

El cuaderno es una imagen y el resto, es un acordeón de Bootstrap. Mi logica es la mostrada en el codigo, aunque realmente no da ningún tipo de efecto:

 /*CSS*/
  <style>
  .cuaderno{
  max-width:350px;
  background-image: url("img/cuaderno.jpeg");
}

</style>
 /*HTML, BOOTSTRAP*/
<div class="cuaderno">
 /*acordeon de bootstrap*/
</div>

Este es mi resultado (Osea, no se muestra la imagen que quiero de fondo):

introducir la descripción de la imagen aquí

Esta es mi carpeta por si a alguno le interesa:

introducir la descripción de la imagen aquí

Alguien tiene alguna idea de que puedo hacer? PD: No pongo todo el acordeon de bootstrap por ser muy largo y porque no lo considero necesario mostrarlo, solo decir que contiene tambien un poco de php.

Muchas gracias por la atención!

4
  • ¿Y que te dice la consola? Commented el 9 oct. 2023 a las 22:29
  • @FranqoBalsamo Me salta que no tengo unas imagenes que estoy llamando (porque me las tienen que pasar) pero de esta en especifica no dice nada.
    – Roxy012
    Commented el 9 oct. 2023 a las 23:02
  • Intenta darle un dándole un alto definido y que tu acordion este centrado verticalmente, me parece que el div esta del mismo tamaño que tu acordion por lo tanto este ultimo lo tapa completamente.
    – dihego08
    Commented el 9 oct. 2023 a las 23:27
  • @dihego08 gracias! Lo voy a probar en estos dias!
    – Roxy012
    Commented el 9 oct. 2023 a las 23:50

1 respuesta 1

0

Yo creo que al estilo CSS le faltan algunas propiedades.

<style>
  .cuaderno{
  width: 100%;
  max-width:350px;
  background-image: url("img/cuaderno.jpeg");
  background-size: cover; /* Asegñurate que la imagen cubre el div*/
  background-position: center; /* Centra la imagen en el div */
  background-repeat: no-repeat; /* Evitar que la imagen se repita */
}

}

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.