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

#css #ruby-on-rails-4

Вопрос:

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

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

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

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

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

Созданный css-это:

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

1. фоновый css выглядит следующим образом: background: url('bnr-01.jpg') no-repeat; или background-image : url('bnr-01.jpg')

2. url(bnr-01.jpg ) без повтора;

3. или, по крайней мере, фоновое изображение: url («bnr-01.jpg «);

4. Это приложение rails, отсюда и расширение .erb.

Ответ №1:

Поскольку вы говорите, что это файл css.erb, вам следует использовать rails helper как,

Используйте <%= asset_path 'bnr-01.jpg' %> rails helper

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

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

image_url("bnr-01.jpg")

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

Вот ссылка

Ответ №2:

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

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

Ответ №3:

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

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

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