如何添加內聯css到rails link_to幫手

Question

我在rails 5和我的類別都有圖像。我想使用這些圖片作爲底色的圖像，但是當我在造型設定的網址，而不要改變

<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> 

我在做什麼錯在這裏

Answer 1

你需要進行插補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 %> 

值

Answer 2

你似乎有不正確的語法使用的樣式屬性內的滑軌插， 試試這個，

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

Answer 3

這個作品

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

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

<% end %>