UI在localhost和托管網站（GoDaddy）中看起來有所不同

Question

我在GoDaddy托管了ASP.NET MVC網站，但外觀看起來有些不同。 我原來是黑色的導航欄（MVC 5的默認設置）變成了藍色。 而且我的背景圖片沒有顯示。 原因是什么？ 有人請幫忙。 謝謝。 我已經嘗試過將其用作背景圖像：

background-image: url('Image/BG30.png'); ---這在本地主機上有效，但在托管網站上無效

background-image: url('/Content/Image/BG30.png'); ------也可以在本地主機上工作，但不能在托管網站上工作

background-image: url('../Image/BG30.png'); ---這兩個都不起作用

Answer 1

您對css文件中的圖像的引用必須與css文件的位置有關。 使用絕對路徑而不是相對路徑可能是一個好主意。 本文對何時以及為什么使用絕對路徑提供了很好的解釋。

相對： /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

background-image: url('Images/BG30.png'); 之所以起作用，是因為/和../將路徑向上移動到根目錄和上一級。 background-image: url('Images/BG30.png'); 無論兩個文件的位置之間的相關性如何，它都可以工作。

似乎托管的approot路徑與本地路徑不同。 使用css文件的絕對路徑和圖像的絕對路徑（在css文件中）可以解決文件位置的任何混亂。

您還應該確保將所有正確的文件（包括圖像）上傳到托管站點上的正確位置。 確保使用本地路徑中的正確版本覆蓋所有現有文件，這可能是顏色問題的原因。