rails の eachメソッドで、背景画像を繰り返し表示したい。

前提・実現したいこと

タイトルの通りです。
（以下の①のように）画像として埋め込むのではなく、背景として画像を表示したいと思っています。（「～～～～」が画像に重なるように表示されるようにしたい）

①
<div>
  <% @chapters.each do |c| %>
    <%= image_tag c.image.url %>
　　～～～～～～～～
  <% end %>
</div>

通常なら、cssで実装すると思うのですが、そうもいかないので、②のように直接書いてみましたがどうやらできないようですね。

②
<div>
  <% @chapters.each do |c| %>
    <div style="background-image: url(c.image.url);" >
　　　～～～～～～～～
    </div>
  <% end %>
</div>

解決策を知っている、もしくはそういったことはできない、など回答いただければ幸いです。
質問がわかりにくかったらすみません。

よろしくお願いします。

###追記
「cssで実装すると思うのですが、そうもいかないので、」についてですが、cssを使って背景を実装する場合、css側（/app/assets/stylesheets/application.css）に、画像のパスurlを書く必要があり、eachメソッドのようにview側に書く必要がある場合できないのではないかと思い、こう書かせていただきました。

maisumakun

2018/05/04 08:11

「通常なら、cssで実装すると思うのですが、そうもいかない」理由は何でしょうか。

teg_nike

2018/05/04 08:23

すみません、勝手に無理だと思っていたのですが、可能なのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

erb
1<div>
2  <% @chapters.each do |c| %>
3    <div style="background-image: url(<%= c.image.url %>);" >
4　　　～～～～～～～～
5    </div>
6  <% end %>
7</div>