Не могу добавить фоновое изображение в рельсы
Я пытался добавить фоновое изображение в свое приложение rails, но что бы я ни пытался, я не могу заставить его работать, это базовые вещи, и я не знаю, что не так. Вчера он работал, но мой компьютер сломался, и я не сохранил файл просмотра после добавления фонового изображения.
Я пытался:
<body background = "bg.png">
также как и:
background-image: url(/assets/bg.png);
и даже:
body {
background: url(bg.png);
}
но ничего не получится, что я делаю не так?
ошибок нет, я просто получаю белый фон
Ответы 2
Если изображение находится в общедоступном каталоге, тогда
background-image: url('/bg.jpg')
Если изображение в app / assets / images / bg.jpg
background-image: url('/assets/bg.jpg')
Кроме того, установите указанный ниже параметр в developement.rb (или другой среде, в которой вы запускаете код)
config.serve_static_assets = false
config.assets.compress = true
config.assets.compile = false
в какие теги следует поместить background-image: url ('/ assets / bg.jpg')
так как это код css, поэтому его следует упомянуть в папке таблиц стилей. иначе, если вы хотите написать встроенный, используйте параметр стиля для добавления css в теги html
я положил его в папку стилей в файле application.css, но все равно ничего
Чтобы передать изображение из asset-pipeline, сделайте следующее:
body {
background: image-url(bg.png);
}
Чтобы использовать его в файлах .erb:
<div style = "background-image: url('<%= asset_path('some_image.jpg') %>') ">
То, что вы пытаетесь сделать, будет работать, если изображение будет помещено в общую папку.
Подобные вопросы: Как установить фоновое изображение в рельсах из css?
в какие теги я должен поместить это
Вы можете поместить его в app/assets/stylesheets/<your_stylesheet.scss>. Убедитесь, что вам нужна таблица стилей в app/assets/stylesheets/application.scss, используя *= require <your_stylesheet>.
@JackCarter Я добавил еще один вариант, чтобы использовать его в строке
Проверить консоль. Если вы получаете какие-либо ошибки при получении файла из места, которое вы указали в css?