2016-07-11 51 views
0

我在GoDaddy托管了ASP.NET MVC网站,但外观看起来有点不同。我最初是黑色的导航栏(MVC 5的默认设置)变成了蓝色。我的背景图片没有显示。这是什么原因?有人请帮忙。谢谢。我已经尝试过本作的背景图片:UI在本地主机和托管网站(GoDaddy)看起来不同

background-image: url('Image/BG30.png'); ---在本地主机这一个工程,但不是在托管网站

background-image: url('/Content/Image/BG30.png'); ------同样工作在本地主机,但不是在托管网站

background-image: url('../Image/BG30.png'); ---这一个不都

+0

很难告诉你有没有更多的信息,但在我看来,也许在你当地的env vis-a-vis godaddy中,approot是不同的。 –

+0

css目录总是很棘手。试试'Content/Image/BG30.png' 你的css“文件夹”放置在哪里,相对于你的图像位置 – mahatmanich

+0

听起来像是你的图像的直接路径存在问题。它取决于你的位置,你的图像与你的HTML代码相关 – Andrew

回答

2

你的参考图像在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文件中),可以解决关于文件位置的任何混淆。

您还应该确保您正在上传全部正确的文件(包括图片)到托管网站上的正确位置。确保你用本地路径覆盖了正确版本的任何现有文件,这可能是颜色问题的原因。

+0

谢谢你的帮忙。我会试试这个。如果我问你的电子邮件帐户,是否可以接受进一步的问题?因为我是这种东西的新手。我希望你能帮助我。谢谢。 –

+1

如果您需要关于此主题的其他帮助,您可以在此发布评论。如果您有不同的问题,请通过使用StackOverflow.com上的搜索查找已经提出的问题的答案。如果找不到答案,只需提出另一个问题。希望这可以帮助!祝你好运。 – NotJay

+0

好的,先生。我明白。非常感谢。 :) –

相关问题