我在外部 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 检查器时,它没有给我任何相关的控制台错误,但我得到了这个:
有什么问题的提示吗?完全相同的代码(使用 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/