我正在尝试制作动画页脚。我试图在我的代码中放入图片，但它没有显示。

编辑 我尝试按照说明编辑代码，但图片仍然无法显示。我的css文件与wave.png位于同一文件夹中，但wave.png位于同一文件夹中的另一个文件夹中。我不确定这是否是问题所在。如果有必要，我还可以展示我的整个代码

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>