私はただhtmlにCSSの背景イメージを与えたいと思っています。開発と生産のための背景イメージパスを設定する正しい方法はありますか？
私はこれにそれを設定しようとしたん：開発に取り組みました
html {background-image: url('/assets/background.jpg')}
を、しかし、資産がPublicフォルダにコンパイルされているときに、それはもはや正しいパスです。これは：
html {background-image: url('background.jpg')}
は開発中でさえも動作しません。
誰もこの同じ問題を抱えていると思われないので、私はかなり混乱していますが、かなり一般的なものでなければならないようです。
光の放出があれば大歓迎です。
フォルダ構造は、ほとんどの場合、CSSと画像では
/css
/js
/img
のようなものである場合は、その個別のフォルダになりますあなたが../を使用してバック一歩に行く必要があるので、それはので、それが戻って一つのフォルダに行くことを意味します正しいCSSプロパティを使用すると、フォルダ構造をchnageない限り、これは、すべての状況やサーバで動作します
html {background-image: url('../img/background.jpg')}
、だろう。
そして、あなたのCSSと画像の両方が同じフォルダ内にある場合は、ちょうどこのスレッドを参照してください詳細については
html {background-image: url('background.jpg')}
を書くことができます：How to go up a level in the src path of a URL in HTML?
CSS-トリックのブログ - Quick Reminder About File Paths
フルに活用開始フォルダからの画像のパス –