UI在localhost和托管网站（GoDaddy）中看起来不同

Question

我在GoDaddy中托管了我的ASP.NET MVC网站，但外观看起来有点不同。我最初为黑色的导航栏（默认为MVC 5）变为蓝色。我的背景图片没有显示。这是什么原因？有人请帮忙。谢谢。我已经尝试过这个背景图片了：

background-image: url('Image/BG30.png'); ---这个适用于localhost，但不适用于托管网站

background-image: url('/Content/Image/BG30.png'); ------也适用于localhost，但不适用于托管网站

background-image: url('../Image/BG30.png'); ---这个不适用于

Answer 1

您对css文件中图像的引用必须与css文件的位置相关。使用绝对路径而不是相对路径可能是个好主意。 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

background-image: url('Images/BG30.png');会起作用，因为/和../分别将路径移动到根目录并向上移动一级。无论两个文件的位置之间的相关性如何，background-image: url('Images/BG30.png');都能正常工作。

似乎托管的批准路径与您的本地路径不同。使用css文件的绝对路径和图像的绝对路径（在css文件中）可以解决关于文件位置的任何混淆。

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