Question

私は、動的背景画像を使用して、レール4アプリを作ろうとしています。

私はそれがキャッシュをdoesntするので、CSSファイルでオブジェクトを定義しないことをお勧めします。私はショーページで次のように定義しようとしましたが、何もレンダリングしません。

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.path if @profile.user.avatar? %>);' }>&nbsp;</div> 

は私も（URLのパスを交換する）試してみました：

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.url if @profile.user.avatar? %>);' }>&nbsp;</div> 

私は、コードインスペクタで要素を検査しようとすると、私は見ることができます：

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url();" }="">&nbsp;</div> 

誰が見るん私が間違ってやったことは？

Answer 1

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url(<%= image_tag @profile.user.avatar.url if @profile.user.avatar.file? %>);">&nbsp;</div>

それが動作する場合は、これを試してみてください。

<div id="profile-photo" style="background-image: url(/assets/<%= @user.image.url(:thumb) %>)"> 

置き換え background images with carreirwave

Answer 2

これは動作するはずメイト：

編集

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url(<%= image_tag @profile.user.avatar.url if @profile.user.avatar? %>);">&nbsp;</div>

私はあなたを助けるべきであるこれを見つけた

ファイルなしでそれを試してみてください独自のURLを使用し、image_tagは使用しないでください。なぜなら、URLはイメージではないからです。