質問: ### 前提・実現したいこと サーバーにアップしているサイトでのbackground-imageの表示 現在HTML・CSSでコーディングしてサーバーに.html .cssファイル等をアップロードしたところ、background-imageで指定したファイルが読み込めずに苦戦しています。 サーバー側のcssファイルではbackground-image: url(../img/main.jpg);と記述されているのですが、google chromeのでデベロッパーツールで検証したところ、background-image: url(/img/main.jpg);と表示されており、これが問題なのではないかと思います。 (デベロッパーツール内でcssを変更したところ画像は表示されました。) しかしサーバー側のcssファイルを削除した後にローカルファイルをアップロードしても結果が変わりません。 ### 発生している問題・エラーメッセージ ``` 公開したwebサイトを開くとcssのbackground-image のurlの値が変わる ``` ### 該当のソースコード ``` #top { background-image: url(../img/main.jpg);//デベロッパーツール内ではurl(/img/main.jpg) background-position: center; background-repeat: no-repeat; background-size: 150%; } ``` ### 試したこと html cssファイルの再アップロード デベロッパーツール内でのcss変更→正しい表示の確認 サーバー側のcssファイルのテキスト確認 → url(../img/main.jpg); ### 補足情報(FW/ツールのバージョンなど) エディタ:VScode レンタルサーバー:Xserver
回答: urlってダブルクォートで囲むはずじゃ?