2017-04-13 3 views
0

私はレールのサイトを持っていますhttps://cherry-cupcake-30790.herokuapp.com/背景が表示されません:バックグラウンドをレール上のルビーに置くことはできますか?

と私は白になるグリーンになっています。私はこの白い部分の真ん中に、この領域のテキストに別の背景を置いて欲しいと思っています。私はcssファイルに次の行を追加してbamboo.jgを追加しようとしました。

background-image: url(/assets/bamboo.jpg); 

また、私はこの

background-image: url(/images/bamboo.jpg); 
background-image: url(bamboo.jpg); 
background-image: url("bamboo.jpg"); 
background: url(bamboo.jpg); 

およびいくつかの他のバリエーションを試してみましたが、背景にはまだ表示されません。なぜどんなアイデア?

+0

画像はどのフォルダにありますか?アセットパイプラインは一般に他のファイルタイプでも機能しますか? – spickermann

+0

assest/images/bamboo; jpg – Owen

+0

cssは別のフォルダにありますか、アセットフォルダの上にディレクトリがあり、background-imageを必ず使用してください:url( "../ images/bamboo.jpg"); –

答えて

1

ファイル拡張子が.css.scssまたは.css.sassのファイル拡張子を使用して、CSSファイルがスプロケットによって処理されていることを確認してください。 RailsのガイドでThe Asset Pipelineについて

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

読む:このファイル内で次の構文を使用します。

+0

のいずれかが動作しません – Owen

+1

どのように正確に動作しませんか?アプリケーションの例外はありますか?ページを開いたときにブラウザが取得しようとしていることは何ですか? WebコンソールまたはWebインスペクタで見ることができます。 –

+0

この行はどのURLからCSSファイルにレンダリングされますか? – spickermann

関連する問題