[解決済み】Rails: Rails4内のCSSで画像を参照する方法
2022-04-10 02:44:38
質問
Heroku上のRails 4で奇妙な問題があります。 画像をコンパイルするときにハッシュが追加されるのですが、CSS内からそれらのファイルを参照するときに、適切な名前に調整されないのです。 つまり、以下のようなことです。 私はlogo.pngというファイルを持っています。しかし、herokuに表示されたとき、それは次のように表示されます。
/assets/logo-200a00a193ed5e297bb09ddd96afb953.png
しかし、CSSにはまだ記載があります。
background-image:url("./logo.png");
結果:画像が表示されない。 どなたか、この現象に遭遇された方はいらっしゃいますか? どうすれば解決できますか?
解決方法は?
Sassと組み合わせたSprocketsは
いくつかの便利なヘルパー
を使用することができます。Sprocketsは
のみ
これらのヘルパーは、スタイルシートのファイル拡張子が
.css.scss
または
.css.sass
.
画像専用ヘルパーです。
background-image: image-url("logo.png")
アグノスティックヘルパーです。
background-image: asset-url("logo.png", image)
background-image: asset-url($asset, $asset-type)
あるいは、cssファイルに画像データを埋め込む場合。
background-image: asset-data-url("logo.png")
関連
-
[解決済み] サーバーに接続できませんでした。そのようなファイルまたはディレクトリがありません (PG::ConnectionBad)
-
[解決済み] nil:NilClass の未定義メソッド `each'... なぜでしょうか?
-
[解決済み] Ruby on rails "No route matches" (ルートに一致するものがない)。
-
[解決済み] Railsはsaveでモデル内の検証をスキップしますか?
-
[解決済み] Heroku: 既存のrailsアプリにseeds.rbをプッシュする方法?
-
[解決済み] rails/rubyでgroup_byを使用する。
-
[解決済み] Ruby on Railsのマイグレーションでデータベースのカラムの名前を変更するにはどうすればよいですか?
-
[解決済み] Ruby on Railsで現在の絶対URLを取得するにはどうすればよいですか?
-
[解決済み] Rails 4で懸念事項を使用する方法
-
[解決済み】Railsの認証トークンを理解する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】bundle installが "Could not locate Gemfile "を返す。
-
[解決済み】取得中。「プロジェクトのクローンとマイグレート後に、「マイグレーションは保留中です。この問題を解決するには 'bin/rake db:migrate RAILS_ENV=development' を実行してください。
-
[解決済み】gemのインストールができない - gemネイティブ拡張の構築に失敗 - そのようなファイルをロードできない -- mkmf (LoadError)
-
[解決済み] rake db:migrateを使って1ステップだけロールバックする方法
-
[解決済み] heroku push rejected, failed to compile Ruby/rails app
-
[解決済み] 該当するルートがない [GET] "demo/hello"
-
[解決済み] Railsです。gemを使った特定バージョンのライブラリのアンインストール
-
[解決済み] railsでhidden fieldタグを使用する方法
-
[解決済み] "render :nothing => true" は空のプレーンテキストファイルを返すのですか?
-
[解決済み] 構文エラー "構文エラー、予期しない入力終了、keyword_endを期待 (SyntaxError)"