Mengapa tapak web saya tidak menunjukkan imej saya?

Question

Saya cuba membuat pengaki animasi. Saya cuba meletakkan imej dalam kod saya tetapi ia tidak ditunjukkan.

Edit Saya cuba mengedit kod mengikut arahan tetapi imej masih tidak muncul. Fail css saya berada dalam folder yang sama dengan wave.png, tetapi wave.png berada dalam folder lain dalam folder yang sama. Saya tidak pasti sama ada ini masalahnya. Saya juga boleh menunjukkan keseluruhan kod saya jika perlu

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

Sunting

footer .wave

kepada

.waves .wave

Padamkan

background: #f00 url(wave.png);

Tambah

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

Pastikan wave.png anda berada dalam direktori/folder yang sama dengan fail css anda, jika fail css anda berada dalam (contohnya) folder css/ dan imej berada dalam folder /images anda perlu menukar url kepada

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