代码之家 › 专栏 › 技术社区 › Charles Smith

在Rails 5模板中为内联背景图像url添加image_标记

ruby-on-rails-5.1 ruby-on-rails-5 ruby-on-rails

Charles Smith · 技术社区 · 8 年前

我需要使用样式标记内联设置背景图像,但它需要引用图像对象,而不是资产文件夹中的固定图像。下面是我的代码,显示我正在尝试做什么。

<div class="background-image-holder" style="background: url(#{" image_path @product.photo_one_url(:original)"}); opacity: 1;">
  <%= image_tag(@product.photo_one_url(:medium)) %>
</div>

1 回复 | 直到 8 年前

SRack 8 年前

我总是喜欢使用 content_tag 如果我包括像这样动态的东西,例如。

<%= content_tag :div, class: "background-image-holder", 
                      style: { background: "url('#{image_path(@product.photo_one_url(:original))}')", 
                               opacity: 1 } do %>
...
<% end >

我觉得它读起来比使用内联erb标签更好-个人喜好,但对你来说是另一种选择。

推荐文章

Lucas · Rails应用程序未通过ActionCable显示通知

8 年前

Lee Eather · 这是rails呈现特定于动作的css的正常行为。erb文件?

8 年前

Adriano di Lauro · ActiveRecord:使用类方法重写属性编写器

8 年前

Patricio Sard · 由controller处理#操作为JS而不是HTML(我想将其处理为HTML)

8 年前

L11 · 迁移时出错

8 年前

jdfolino · ActiveRecord列表自定义范围

8 年前

Snips · 将distinct与另一个条件相结合

8 年前

t56k · Rails:相同控制器名称上的子域约束

8 年前

alavni shubham · Ruby on Rails 5-查找没有关联的实例[关闭]

8 年前

daveanderson88 · 如何使用Jbuilder显示父信息,子信息嵌套在下面

8 年前