【问题标题】:Rails 5.2 Background Image Not Appearing (with ERB to URL)Rails 5.2 背景图像未出现(使用 ERB 到 URL)
【发布时间】: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


【解决方案1】:

这部分代码应该会更好

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

【讨论】:

  • 啊...总是愚蠢的东西。谢谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-02-03
  • 2012-07-05
  • 2018-08-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多