2017-01-05 8 views
0

Railsビューで動的背景イメージを作成する必要があります。スタックオーバーフローで動的背景イメージのいくつかのコードサンプルを試しましたが、どれも私のために働いていません。ここで私はこれまで試したものです:それは正常に動作しますRuby on Railsビューで動的背景イメージを表示する必要があります

<style media="screen"> 
    .my-image { background-image:url("mypicture.jpg");} 
</style> 

<div class="my-image"></div> 

私は、WebからのURLに置き換えたときに(つまり、私が使用した代わりに「mypicture.jpg」の罰金働いた「http://lorempixel.com/400/200」)。ただし、ハードドライブに保存されているイメージを使用しようとすると動作しないようです。 CSSファイルをハードコードするときもうまく動作します。はい、イメージは\ app \ assets \ imagesに保存されます。私はRuby 2.3、Rails 5.0、Windowsを使用しています。私は何が欠けているかもしれないかに関するアイデア?

.my-image { 
    background-image:url(image_url(mypicture.jpg)); 
} 

は、将来の情報のためのRuby on RailsのAPIドキュメントに AssetUrlHelperを見てみましょう:

答えて

1

あなたがIMAGE_URLを使用することができます。

+0

これは私にとってはうまくいきませんでした...私はあらゆる種類のimage_url、image_path、asset_pathなどの構文を試しましたが、何も機能しませんでした。私は最終的に、アセットパイプラインではなく、「パブリック」フォルダにイメージを置くだけで動作させました。私は正しい道で私を得て以来、これを解決策としてマークします:) – BYates

0

シャーによってsuggeredとして、これは動作するようになっているが:

background-image: image-url("mypicture.jpg") 

または

background-image: asset-url("mypicture.jpg", image) 

あなたは、サーバーを再起動し、rake assets:precompileを実行しようとしましたか?

+0

ちょうどそれを試しました...まだ運がありません。私のために働いたのは、画像をパブリックフォルダに置くことだけでした。 – BYates

関連する問題