为什么我的网站不显示我的图片？

Question

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

编辑 我尝试按照说明编辑代码，但图片仍然无法显示。我的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>

Answer 1

编辑

footer .wave

至

.waves .wave

删除

background: #f00 url(wave.png);

添加

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

确保您的 wave.png 与 css 文件位于同一目录/文件夹中，如果您的 css 文件位于（例如）css/ 文件夹中并且图像位于 /images 文件夹中，则必须更改 url至

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