CSS背景圖像不顯示

我有一個名爲img的子目錄的HTML文件，其圖像名爲debut_dark.png。在我的CSS文件中，我有：CSS背景圖像不顯示

body { 
    background: url(/img/debut_dark.png) repeat 0 0; 
}

HTML文件具有body標記，並且確實包含CSS文件。我知道確切的CSS文件包含正確，因爲一切格式正確。

背景圖像沒有顯示，我只看到一個白色背景。任何想法如何解決這個問題，甚至如何調試？

來源

2012-12-25 darksky

檢查圖像URL是否正確。打開開發者工具並查看網絡標籤，你的debut_dark.png應該在那裏列出。檢查它是否已加載 –

您確定圖像路徑和名稱嗎？使用螢火蟲 – midstack

如果您想要調試某些內容（HTML/JS/CSS） - 您可以隨時打開某種適用於所有現代瀏覽器的開發人員工具（ F12通常就足夠了，但對於FF你可能需要安裝Firebug）。 –

根據您的CSS文件的路徑，我想這是在你的HTML頁面同一目錄下，你必須改變url如下：

body { background: url(img/debut_dark.png) repeat 0 0; }

來源

2012-12-25 09:19:38 SaidbakR

我做了，我仍然看到一個白色的背景。 – darksky

@Darksky你的CSS文件在哪裏？ – SaidbakR

+21

明白了。路徑必須相對於CSS文件（顯然）。謝謝！ – darksky

確保您的身體的高度，F .EX：

body { 
    background: url(/img/debut_dark.png) repeat; 
    min-height: 100%; 
}

來源

2012-12-25 09:21:03 David

我做了 - 沒有工作 – darksky

你應該使用這樣的：

 

     body { 
      background: url("img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background: url("../img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background-image: url("../img/debut_dark.png") repeat 0 0; 
     }

或嘗試檢查使用Firefox Firebug工具的CSS規則。

來源

2012-12-25 09:21:16

我明白了..它必須是url（「../ img/debut_dark.png」）。我只是意識到路徑必須是相對於CSS文件而不是HTML文件（顯然）。 – darksky

好的。但@Darksky你標記semsem的正確答案。我解決了你的問題:( –

我在本地計算機上使用嵌入式CSS。我將atom.jpg文件放在與我的html文件相同的文件夾中，然後此代碼工作：

background-image:url(atom.jpg);

來源

2014-01-20 20:57:03 user3216740

我有同樣的問題。但它正常工作對我來說

background: url(../img/debut_dark.png) repeat

來源

2015-10-12 05:25:13

我知道這並不能解決OP的確切情況，但對於其他人來自谷歌未來別忘基於元素類型嘗試display: block;。我有一個<i>圖像，但它沒有出現...

來源

2016-05-11 17:57:15

-1

基本上問題是與文件路徑。 url開頭處的正斜線使其在根目錄中查找文件。去除，這將是其路徑相對此css文件 - 這樣的： background-image: url(img/debut_dark.png);

如果您正在使用的Atom，複製圖像的項目路徑有時包括斜線在複製的路徑，所以要小心。

來源

2018-01-05 15:52:15

）不要破壞你的帖子，這可能會導致[答案禁止]（// stackoverflow.com/help/answer-bans）。通過在Stack Exchange網絡發帖，你已經授予非（根據[CC BY-SA 3.0許可證]（// creativecommons.org/licenses/by-sa/3.0/））發佈該內容的權利 - 根據SE政策，任何故意破壞行爲都將被撤消。 –

嗯，我覺得這個屬性顯示圖像時提供了完整的位置。我只是將該圖像上傳到我的服務器上，並將該圖像的位置鏈接到background-image：url（「xxxxx.xxx」）;屬性，它終於工作，但如果你們沒有服務器，然後嘗試通過在該圖像的屬性中輸入圖像在屬性中的完整位置。雖然我在HTML文件的標籤中使用了這個屬性，但它肯定也會在CSS文件上工作。如果該方法不起作用，然後嘗試上傳像behance，臉譜，Instagram等互聯網上的圖像，並檢查圖像，並將該位置複製到您的屬性。希望這將工作

來源

2018-01-19 07:53:54 Praks

CSS背景圖像不顯示

回答

相關問題