無法顯示背景圖片的URL

Question

我不能顯示圖片，我不知道什麼是 子目錄從css文件夾下到圖像文件夾，因爲我試過了。

background: url('images/home1.jpg') top left no-repeat; 

Answer 1

您正在以錯誤順序使用background速記。正確的順序是：

• 背景色
• 背景圖像
• 背景重複
• 背景附件
• 背景位置

參見http://www.w3schools.com/css/css_background.asp

爲background你的情況正確的語法是：

background: #fff url("../images/home1.jpg") no-repeat top left;

Answer 2

由阿馬爾Syla提供的答案是正確的，但是，它並沒有真正指出什麼問題是開始。首先，如他/她所提到的，background財產的簡寫語法是正確。但是，如果未提及某個特定屬性，則瀏覽器傾向於使用默認屬性。這意味着，在這種情況下，background-color財產的缺席是沒有問題的。看到這個下面的代碼片段（沒有提到background-color財產，然而，background-image呈現就好了）：

div { 
 
    background: url('http://www.planwallpaper.com/static/images/desktop-year-of-the-tiger-images-wallpaper.jpg') top left no-repeat; 
 
    height: 300px; 
 
    background-size: 100%; 
 
}

<div></div>

與您的代碼的真正問題是圖像路徑。基於你在截圖中提供的文件夾結構，該路徑必須是：

background: url('../images/home1.jpg') top left no-repeat; /*Correct path*/ 

，而不是

background: url('/../images/home1.jpg') top left no-repeat; /*Wrong path*/ 

希望幫助！

Answer 3

只需將../返回目錄路徑，因爲您目前在CSS文件夾中。

background：url（'../ images/home1.jpg'）top left no-repeat;