ruby-on-rails - アセットパイプラインを使用した背景画像

Question

これは単純なことのはずですが、何らかの理由で機能しません。

ページに背景画像を表示できません。アセットパイプラインで Rails 3.2 を使用しています。ホームコントローラー関連のページに表示させようとしています。

画像の場所: app/assets/images/dna.jpg

home.css.scss

background: url('/assets/images/dna.jpg');

私も次のことを試しました：

background: url('dna.jpg');
background: url('/assets/dna.jpg');
background-image: image-url("dna.jpg");
background-image:url(image_path('dna.jpg'));

どのアプローチを試しても、同じエラーが発生します。

Sass::SyntaxError at /
Invalid CSS after "background:": expected pseudoclass or pseudoelement, was "   url('/assets/i..."

(/Users/sean/Dropbox/bin/rails/assay/app/assets/stylesheets/home.css.scss 内)

編集

アセットキャッシュをクリアしました

rake tmp:cache:clear

そしてバンドルは私のsass-rails gemを更新しました。現在は 3.2.6 です。どれも違いはありませんでした。

score 5 · Accepted Answer

私はあなたの問題の非常に単純な理由を疑っています: インデントです。scssあなたの場合、ほとんどの場合、ステートメントの後にスペースがありませんbackground:。scss プレフィックス付きファイルでこれも試してください。

background: url(dna.jpg);

それはいつも私のために働きます。

score 1 · Accepted Answer

私はまったく同じ問題を抱えていました.SCSSファイルでSass Indented Syntaxを使用した結果です。

ruby-on-rails - アセット パイプラインを使用した背景画像