2017-04-27 78 views
0

我只是想給我的html一個CSS背景圖片。爲開發和生產設置背景圖像路徑的正確方法?

我試圖將其設置爲這樣:

html {background-image: url('/assets/background.jpg')} 

其工作的發展,但是當資產被編譯成Public文件夾,它不再是正確的路徑。這:

html {background-image: url('background.jpg')} 

甚至沒有在開發工作。

我很困惑,因爲沒有人似乎有同樣的問題,但它似乎應該是一個很常見的問題。

任何燈棚將不勝感激。

+0

採用全來自起始文件夾的圖像路徑 –

回答

2

,如果你的文件夾結構是這樣

/css 
/js 
/img 

在大多數情況下,CSS和圖像將是他們單獨的文件夾,所以你需要使用../去退一萬步這意味着它會回到一個文件夾,以便將正確的CSS屬性會,

html {background-image: url('../img/background.jpg')} 

這將在所有的情況和服務器工作,除非你chnage文件夾結構。

如果你的CSS和圖像都處於同一個文件夾,你可以只寫

html {background-image: url('background.jpg')} 

更多信息請參見本主題:How to go up a level in the src path of a URL in HTML?

CSS-技巧博客 - Quick Reminder About File Paths