html - 如何将内联 css 添加到 rails link_to helper

标签 html css ruby-on-rails ruby-on-rails-5

我在 Rails 5 上,我的类别有图片。我想将这些图像用作背景图像,但是当我在样式中设置时,url 不会改变

<div class="grid-category">
    <% @servicescategories.each do |category| %>

    <%= link_to servicecategories_path(slug: category.slug ), :style=>'background-image: asset-data-url("category.category_image");',  class: "category-item" do %>



        <h3> <%= category.name %></h3>


        <% end %>
    <% end %>
  </div>

我做错了什么

最佳答案

您需要插入 category.category_image 的值

<%= link_to servicecategories_path(slug: category.slug ),  
            class: "category-item" do %>

  <div style="background-image: url(<%= asset_path('category.category_image') %>)">
    <h3> <%= category.name %></h3>
  </div> 

<% end %>

关于html - 如何将内联 css 添加到 rails link_to helper,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38633214/

相关文章:

Html block 引用样式和位置

javascript - 在列中显示嵌套的 HTML ul 列表

html - 用css控制滚动条高度

ruby-on-rails - 在 Ruby on Rails 中为由外部 API 支持的模型使用 ActiveRecord 接口(interface)

ruby-on-rails - rails 3 国际化/本地化 - 翻译文本中的嵌入链接

javascript - 注入(inject) css 而无需从用户样式表转换

javascript - 如何在另一个完整页面上显示在 iframe 中打开的弹出窗口

html - 垂直 Bootstrap 面板标题

html - 垂直对齐 span 与 li 中的文本

sql - 如何显示 RSpec 测试生成的 SQL 查询日志?