不顯示使用css的背景圖像

我想寫入CSS來顯示圖像作爲背景，並使其覆蓋頁面。不顯示使用css的背景圖像

我使用保存爲CSS/varPractice.css

body { 
background-image: url("img/beautifulPic.jpg"); 
background-size: cover; 
background-image: no-repeat; 
}

下面的代碼，並在我的HTML文檔下面一行。

<link rel="stylesheet" href="css/varPractice.css">

但是沒有圖片顯示。這是該html文件中唯一的樣式錶鏈接。

有什麼建議嗎？

來源

2017-05-09 Rob Hudson

我的問題其實是，我的形象是在主目錄文件夾IMG不是CSS裏 - > IMG文件夾，控制檯告訴我的目錄WASN」找到了。我對編程非常陌生，我只是爲了練習和樂趣而在括號內寫了一些頁面。我很欣賞反饋，一旦我修復了文件路徑，它的工作正常，我沒有切換背景圖像到背景重複，但在這種情況下，似乎沒有效果，不重複任何一種方式。 –

更好的做法，以習慣創建一個css文件夾。隨着你的進步，你可能會發現自己使用了很多樣式表......現在就開始吧！（使用文件夾我的意思是..）:) –

嘗試刪除background-image：repeat; 它應該是後臺重複：重複; 您正在覆蓋背景圖像。

來源

2017-05-09 21:48:12

您將被重新認定爲background-image。它看起來像你打算使用background-repeat。

你的規則應該如下：

body { 
    background-image: url("img/beautifulPic.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 
}

來源

2017-05-09 21:49:15

感謝約瑟夫，所以當從CSS添加背景的圖像時，url會自動嘗試查看與CSS相同的文件夾？它是否正確？ –

@RobHudson這取決於你使用的路徑。用你現在擁有的東西，是的，它會這樣。相對路徑（即不以斜槓或協議（如http或https）開頭的路徑）將與樣式表相關。我強烈建議使用絕對路徑。在你的情況下，它可能只是'/ img/beautifulPic.jpg'的路徑。這有效地確保資源相對於站點根加載。 –

不顯示使用css的背景圖像

回答

相關問題