2015-05-19 23 views
0

我使用所有這些:Ruby on Rails的CSS背景圖像不工作

1. body{ background-image: url('example.png') background-repeat: repeat; 
2. body{ background-image: url('assets/example.png') background-repeat: repeat; 
3. body{ background-image: url(<%= asset_path 'example.png') background-repeat: repeat; 
4. body{ background-image: image-url(<%= asset_path 'example.png' %>) background-repeat: repeat; 
5. body{ background-image: image-url('example.png') background-repeat:repeat; 
6. body{ background-image: image-url('assets/example.png') background-repeat:repeat; 

run assets:precompile 

不工作的所有,如何解決這個問題,爲什麼不工作?

+0

什麼是css文件的擴展名? –

回答

1

數字5最接近正確的語法。是否因爲你沒有用分號終止你的第一個CSS規則?

body{ 
    background-image: image-url('example.png'); 
    background-repeat:repeat; 
} 

這應該工作 - 注意背景圖像行末尾的分號。

或者,將它們合併成一個單一的規則:

body{ 
    background: image-url('example.png') repeat; 
}