Почему мое фоновое изображение не отображается?

Question

У меня есть файл style.css.erb в моем приложении rails.

Я хочу, чтобы отобразить фоновое изображение, так что я добавил строку с помощью метода рельсов хелперов:

background: image-url('bnr-01.jpg') no-repeat; 

Изображения не отображаются.

Я получаю ошибку 'Invalid property valid'

CSS-код, который генерируется является:

background: image-url(bnr-01.jpg) no-repeat; 

Answer 1

Так вы говорите, что это css.erb файл, который вы должны использовать вспомогательные рельсы, как,

Использование <%= asset_path 'bnr-01.jpg' %> рельсам Helper

background-image: url(<%= asset_path 'bnr-01.jpg' %>)

Вы также можете использовать,

image_url("bnr-01.jpg")

Вы использовали image-url, который является неправильное использование, image_url

Here is the reference

Answer 2

как в комментариях сказано, использовать background: url("path/to/picture.jpg") no-repeat; котировке-символы вокруг пути не являются обязательными.

http://www.w3schools.com/cssref/pr_background-image.asp

Answer 3

Чтобы загрузить фоновое изображение, следующий код будет добавлен в CSS,

background-image: url("/assets/bnr-01.jpg"); 

это решит проблему. Надеемся, что фоновое изображение помещено в app/assets/images.