0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

デプロイ後CSSで色をつけていたbackground画像が表示されない件

Posted at

###環境
サーバサイド
ruby 2.5.7
rails 5.2.4
本番サーバ環境
AWS(EC2,RDS,EIP)

###エラー
topに置いている画像が出てこなかったためブラウザで検証。まさに画像がエラーになっておる。

エラーになっていた箇所.scss
background-image: linear-gradient(to top, rgba(170, 280, 200, 0.8) 0%, rgba(151, 217, 225, 0.7) 100%),image-url('top.jpg');

これを

background-image: **image-url('top.jpg'),**linear-gradient(to top, rgba(170, 280, 200, 0.8) 0%, rgba(151, 217, 225, 0.7) 100%);

こうすると画像は表示されるものの、色が表示されなくなる…
そのため、

ターミナル
$ cp app/assets/images/top.jpg public/assets/

rails再起動
$ kill $(cat tmp/pids/puma.pid)
$ rails s -e production

publicに該当画像をコピーして保存することで、色+画像の表示が完了。:relaxed:

おしまい

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?