为什么不显示我网站正文中的背景图片？答案

【问题标题】：Why doesn't show the background image in the body from my website?为什么不显示我网站正文中的背景图片？
【发布时间】：2015-01-15 08:07:52
【问题描述】：

我网站的 Images 文件夹包含 HoezenCollageLight.jpg。它工作得很好。但现在它不再显示了。我仍然在 Images 文件夹中找到该图像。

过去：

...现在：

可能出了什么问题？

Site.Master 中的一些代码：

<body>
    <div class="page">

        <div id="header">
            <div id="menucontainer">
                <ul id="menu">              
                    <li><%: Html.ActionLink("Home", "Home", ...

Site.css 中的一些代码：

body
{
    background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;
    font-size: .75em;
    font-family: Calibri, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

【问题讨论】：

Site.css 在哪里？可能是url()中的../太少或太多。
没有改变。 Site.css 放在文件夹 Content 中。

标签： c# html css model-view-controller

【解决方案1】：

从url() 路径中删除../ 之一应该让它找到图像。

url('../Images/HoezenCollageLight.jpg')

使用 ../ 从包含样式表 (/Content/) 的目录导航到其父目录 (/)，将您带到 Images 目录所在的站点根目录。

第二个../ 尝试从没有父目录的根目录向上导航（或者导航到虚拟目录之外，如果您使用的是虚拟目录）。

【讨论】：

我想我已经添加了“../”。谢谢。但奇怪的是它在本地主机区域工作。

【解决方案2】：

将下面的代码替换为正文：

 background: url('../../Images/HoezenCollageLight.jpg') repeat 100% 100% #cccccc ;

而不是

 background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;

这在某些时候有效。

【讨论】：

它不起作用。在本地主机上一切正常。
@user1531040 这是在 IIS 中完成的吗？有时您在 VS 环境中编码的 URL 与在 IIS 环境中的不同。
不使用 FIleZilla (ftp)。并在VS2012/HTML5中开发。过去是VS2010。
@user1531040 好的，同样的交易。确保 Images 目录实际上比 FileZilla 中的 Site.css 文件高 2 级。

【解决方案3】：

正如乔纳森所说，检查位置

你的 Site.css
您的实际背景图片

关于内容文件。

【讨论】：