css - Rails 5.2 背景图像不出现(使用 ERB 到 URL)

标签 css ruby-on-rails

我在外部 CDN 而不是 Assets 文件夹中有图像,但出于某种原因,以下代码中的背景图像未显示:

<header class="py-5 bg-image-full bg-image-stripe" style="background-image: background-image: url('<%= @blog.featured_image_url %>')">
  <div class="container h-100">
    <div class="row h-100 align-items-center">
      <div class="col-lg-12">
        <h1 class="display-4 mt-5 mb-2"><%= @blog.title %></h1>
        <p class="lead mb-5"><%= @blog.teaser %></p>
        <p>
          <% @blog.tag_list.each do |tag| %>
            <%= link_to tag, tagged_path(tag: tag) %>
          <% end %>
          <br>
          <em>By <%= Spree::User.find(@blog.spree_user_id).email %> on <%= @blog.published_at.in_time_zone("America/Los_Angeles").strftime("%B %d, %Y") %></em>
        </p>
      </div>
    </div>
  </div>
</header>

我已经仔细检查了其他 SO 帖子(如 this one)的语法,但一切似乎都是正确的。当我查看 Chrome 检查器时,它没有给我任何相关的控制台错误,但我得到了这个:

enter image description here

有什么问题的提示吗?完全相同的代码(使用 Assets 路径而不是 url)在我的应用程序的其他地方工作,所以我不知所措。

最佳答案

这部分代码应该会更好

<header class="py-5 bg-image-full bg-image-stripe" style="background-image: url('<%= @blog.featured_image_url %>')">

关于css - Rails 5.2 背景图像不出现(使用 ERB 到 URL),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58135304/

相关文章:

ruby-on-rails - rails 生成迁移命令将数据插入到表中

ruby-on-rails - Rubymine 和运行 rspec "rspec-core is not part of the bundle"

html - CSS 在 Firefox 中不工作,但在 Chrome 中工作

javascript - 隐藏内容仍在后台运行

html - CSS 行内 block 尺寸差异

jquery - 如何在div中添加链接?

javascript - 无法使用 javascript_pack_tag(Webpacker) 找到 application.js

ruby-on-rails - RestClient::Request.execute传递哈希集

javascript - 如何使用 Css 动态更改背景颜色

css - 404缺少字体,即使存在的字体和正确的字体路径