【发布时间】:2020-01-27 19:47:38
【问题描述】:
我在外部 CDN 上而不是我的资产文件夹上有图像,但由于某种原因,以下代码中的背景图像没有显示:
<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 检查器时,它没有给我任何相关的控制台错误,但我明白了:
关于出现什么问题的任何提示?完全相同的代码(使用资产路径而不是 url)在我的应用程序的其他地方工作,所以我不知所措。
【问题讨论】:
-
那是因为
background-image: background-image:是无效的CSS。删除重复的background-image:。
标签: css ruby-on-rails