Ruby 在 Rails 上：背景 CSS 图片来自数据库

Question

我想通过我的 ActiveAdmin 管理面板创建图片管理。

我使用 Carrierwave 从我的管理面板上传图像，但是我无法在我的 CSS 代码中将这些图像显示为背景图像...:/

...因为以下错误：

couldn't find file '<%= Image.find(1).path %>'

这是我的 CSS:

header{
   background-image: asset-data-url("<%= Image.find(1).path %>");
}

我的HTML:

<header>
<div class="header-content">
    <div class="header-content-inner">
        <h1>Your Favorite Source of Free Bootstrap Themes</h1>
        <hr>
        <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
    </div>
</div>

以及图像管理视图：

我不明白如何 link 我的图片到背景图片 CSS 属性？

Answer 1

在 CSS 样式表中调用 Rails 数据库查询将不起作用。相反，您可以修改 HTML 代码，如下所示，

<header style="background-image: url(<%= Image.find(1).path %>);">

并删除CSS中的背景图片代码。

Ruby 在 Rails 上：背景 CSS 图片来自数据库

Ruby on Rails : Background CSS Image from Database

css

ruby-on-rails

background-image

carrierwave

activeadmin