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文件中）可以解决文件位置的任何混乱。

您还应该确保将所有正确的文件（包括图像）上传到托管站点上的正确位置。 确保使用本地路径中的正确版本覆盖所有现有文件，这可能是颜色问题的原因。