無法顯示背景圖片

我想爲我的頁面設置多個背景圖片，但我無法使用外部CSS文件，因此我不知道如果我做錯了什麼或者有什麼問題記事本++或XAMPP，因爲我的代碼似乎是功能。無法顯示背景圖片

注：

我使用的圖片已經全部權限打開。
我能夠看到圖像，如果我使用內嵌CSS，但不是當我使用外部CSS文件。
我也能夠看到圖像，當我使用圖像標籤。

圖片代碼（這個工程）

<img src="img/bg1.png" alt="">

測試HTML文檔

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <meta charset="utf-8"> 
      <title>Test</title> 

      <!-- Custom Cascading Styling Sheet --> 
      <link rel="stylesheet" type="text/css" href="css/custom-styles.css"> 

     </head> 
     <body> 

     </body> 
    </html>

外部CSS代碼：定製styles.css的

例1（這不起作用）：

body { 
     background-image: url('img/bg1.png'), url('img/bg2.png'), url('img/bg3.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
    }

例2（這不起作用）：

body { 
     background-image: url('img/bg1.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
    }

例3（這不起作用）：

body { 
    background-image: url('img/bg1.png'); 
}

來源

2016-01-12 JDFD

外部css文件中的圖像與該css文件相關。你的html裏面的圖像（不管是img標籤還是（內嵌）css）都與該html文檔相關。

假設你有一個這樣的結構：

/ 
/css 
    style.css 
/img 
    image.jpeg 
index.html

裏面index.html你會引用圖像img/image.jpeg。但是，在style.css之內，你必須首先登錄一個目錄，這樣url就會變成../img/image.jpeg。

您也可以使用絕對URL或相對於根目錄的URL。那些可以在任何被引用的文件中工作。所以如果你使用http://example.com/img/image.jpeg或/img/image.jpeg這些應該在任何地方工作。請注意，在本地主機上開發時，完整的url是一種痛苦，因爲您的主機名可能會與在線不同。

要調試這些類型的問題，請打開開發人員控制檯，轉到「網絡」選項卡，按「img」進行過濾，並在列表中查找任何紅色的行。他們很可能會說從服務器返回了404響應（未找到圖像）。檢查瀏覽器試圖獲取的URL。如果你知道你網站的目錄結構，應該很容易發現出了什麼問題。還要注意，你可以看到誰在啓動器列中發起了請求。點擊鏈接可以直接找到請求圖像的代碼行。

來源

2016-01-12 16:55:11 Pevara

我看到了我出錯的地方。我需要上傳一個目錄才能訪問圖像目錄。謝謝！ – JDFD

你需要給的相對路徑，所以我猜所有你需要的是：

body { 
    background-image: url('/img/bg1.png'); 
}

來源

2016-01-12 16:20:43 Yahel

謝謝你，但仍然無法正常工作或 – JDFD

-1

但下面的代碼本身的工作對我來說

body { 
background-image: url('img/a.png'); 
}

您只需按照簡單代碼的html模板中的跟蹤和錯誤方法即可。

小心：請檢查您是否已關閉了圖像查看功能。 :-)）））

來源

2016-01-12 16:29:16 edwinfrancisd

圖像查看未關閉。我用一個簡單的HTML文檔來實現它，當我運行它時，我所得到的只是一個空白頁面。我檢查了似乎不是問題的css參考鏈接。 – JDFD

無法顯示背景圖片

回答

相關問題