為什麼我的網站不顯示我的圖片？

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);