Ruby 关于 Rails 文件中背景图片的语法

Question

我有很多文章，所以我无法将静态 URL 放到 syle="background-image 下的背景图像。

我在我的 _article.html.erb 文件中试过这个：-

<div class="hero_image" style="background-image: url("<%= article.image_url %>")">

但它呈现出这个：

<div class="hero_image" style="background-image: url(" uploads="" lines="" article="" hero_image="" 1="" budapest-cropped.jpg")"="">
    </div>

所以，没关系，我在 article.scss.erb 文件下试试这个：-

  .hero_image {
    background-image: url(<%= asset_path 'article.image_url' %>);

但它呈现出这个：

background-image: url(/article.image_url);

完全不是我想要的，我需要它来渲染

<div class="hero_image" style="background-image: url("/uploads/lines/article/hero_image/1/Budapest_Cropped.jpg"> </div> HTML 或 background-image: url(/uploads/lines/article/hero_image/1/Budapest_Cropped.jpg); CSS

具有讽刺意味的是，当我的代码是 <img src="<%= article.image_url %>" alt="<%= article.title %>" /> 时，它确切地知道该做什么，但太糟糕了，我不想要 img src 标签，我需要一个背景图像标签。

有人知道我的语法有什么问题吗？

提前致谢！

Answer 1

第一个好像是对的，去掉url()里面的引号就可以了，像这样

<div class="hero_image" style="background-image: url(<%= article.image_url %>)">

Ruby 关于 Rails 文件中背景图片的语法

Ruby on Rails Syntax for Background Image in HTML.ERB file

html

ruby-on-rails

erb

sass

background-image