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

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

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

Charles Smith · 技术社区 · 6 年前

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

<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 回复 | 直到 6 年前

SRack 6 年前

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

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

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

推荐文章

James · 升级到Ubuntu 18.04后出现Rails控制台错误

6 年前

Shreyas Moolya · 如何在RubyOnRails中记录用户信息(如电子邮件)?

6 年前

Ilya Libin · Rails 5 API-如何在特定控制器上以HTML作为异常响应?

6 年前

Martin · 请求未到达以“路径”结尾的控制器操作

6 年前

Obromios · 局部变量在rails 5.1中不适用于控制器渲染

6 年前

Obromios · rails 5.1中枚举参数的ArgumentError in new

6 年前

Giuseppe · Rails在html公共文件中包含js

6 年前

Anton S. · Ruby on Rails中的路由冲突

6 年前

R891 · 在Rails 5.1中,运行用户创建/更新/删除/登录/注销代码的最佳方式是什么?

6 年前

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

6 年前