cssの背景画像のパスが変わる

Question

前提・実現したいこと

サーバーにアップしているサイトでの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

Answer 1

urlってダブルクォートで囲むはずじゃ？

Comments

[Takeshi051]

ダブルクォートでもシングルクォートでもダメでした

[sousuke]

だとしたら見ているファイルが違うくらいかな。そのファイル消しても同じ結果にならない？

[Takeshi051]

サーバーのcssファイル消してもスタイルが維持されたままになっていました
別のcssファイルを参照しているということでしょうか

[Takeshi051]

htmlファイル内のcssへのリンクの相対パスがうまくいっていなかったのか、いじっていたら解決しました！
ありがとうございました！