Pourquoi mon site Web n'affiche-t-il pas mes images ?

Question

J'essaie de créer un pied de page animé. J'essaie de mettre une image dans mon code mais elle ne s'affiche pas.

Modifier J'ai essayé de modifier le code selon les instructions mais l'image ne s'affiche toujours pas. Mon fichier CSS se trouve dans le même dossier que wave.png, mais wave.png se trouve dans un autre dossier du même dossier. Je ne sais pas si c'est là le problème. Je peux également afficher l'intégralité de mon code si nécessaire

footer .wave {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: #f00 url(wave.png);
  background-size: 1000px 100px;
}

<footer>
  <div class="waves">
    <div class="wave" id="wave1"></div>
    <div class="wave" id="wave2"></div>
    <div class="wave" id="wave3"></div>
    <div class="wave" id="wave4"></div>
  </div>
</footer>

Answer 1

Modifier

footer .wave

à

.waves .wave

Supprimer

background: #f00 url(wave.png);

Ajouter

background-color: #f00;
background-image: url(wave.png);

Assurez-vous que votre wave.png se trouve dans le même répertoire/dossier que votre fichier CSS, si votre fichier CSS se trouve (par exemple) dans le dossier css/ et que les images se trouvent dans le dossier /images, vous devez changer l'URL en

background-image: url(../images/wave.png);