CSS背景圖像沒有顯示CSS HAML

Question

我在一個樣式表中有一個背景圖像url，我試圖在我的索引頁中爲頁眉渲染。該圖像位於assets/images文件夾中。我試圖放置在供應商/資產/圖像，並沒有從那裏渲染。

的意見/飛濺/ index.html.haml：

%section.row.header-bg 
    .row 
    .col-md-6.col-md-offset-1 

資產/樣式表/ splash.css.scss：

.header-bg{ 
    background-image: url('bg.png'); 
} 

編輯：我想盡我的變化也爲想到的圖片網址，但沒有運氣到目前爲止。

Answer 1

問題已解決。正確的CSS：

.header-bg{ 
    background: image-url('bg.png') no-repeat; 
} 

Answer 2

嘗試這樣做：希望這可以幫助你！

background-image: url('images/bg.png'); 

or 
background-image: url('assets/images/bg.png'); 

Answer 3

看起來像你的目標是您的css文件夾的圖像。 假設您的供應商/資產文件夾中包含圖像和樣式表文件夾 - 您需要向上導航一個級別。與../

background-image: url('../images/bg.png'); 

Answer 4

請嘗試這樣

嘗試前綴的網址，將工作：

背景圖像：圖像URL（ 'bg.png'）;