ローカルホストとホストされたWebサイト（GoDaddy）でUIが異なって見える

Question

私のASP.NET MVC WebサイトはGoDaddyでホストされましたが、外観は少し違って見えます。元々黒（MVC 5のデフォルト）のナビゲーションバーが青色に変わります。そして、私の背景イメージは表示されません。この場合の原因は何ですか？誰か助けてください。ありがとうございました。またローカルホストではなく、ホストされたウェブサイト

で動作ではなく、ホストされたウェブサイト

background-image: url('/Content/Image/BG30.png');で---この1つはローカルホストで動作し、

background-image: url('Image/BG30.png'); ------：私はすでに、背景画像のためにこれを試してみました

background-image: url('../Image/BG30.png'); ---この1つは、CSSファイル内の画像をご参照のCSSファイルの場所に関連している必要があり、両方

Answer 1

では動作しません。相対パスではなく絶対パスを使用することをお勧めします。 This articleでは、絶対パスを使用する時期と理由をよく説明しています。

相対： /Content/Images/BG30.png

絶対：http://www.example.com/Content/Images/BG30.png

例：

CSSファイル：example.com/Content/styles.css

BG画像ファイル：example.com/Content/Images/BG30.png

と ../は、パスをそれぞれルートと1レベル上に移動するため、

background-image: url('Images/BG30.png');が機能します。 background-image: url('Images/BG30.png');は、2つのファイルの場所の間の相関関係に関係なく機能します。

ホストされたapprootパスがローカルパスと異なるようです。 cssファイルへの絶対パスとイメージへの絶対パス（cssファイル内）を使用すると、ファイルの場所に関する混乱を解決できます。

すべて適切なファイル（画像が含まれています）をホストされているサイトの適切な場所にアップロードしてください。既存のファイルをローカルパスの正しいバージョンで上書きしていることを確認してください。これは色の問題の原因となります。