为什么不在我的网站正文中显示背景图片?

Why doesn't show the background image in the body from my website?

我网站的文件夹 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;
}

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

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

而不是

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

这在某些时候有效。

正如乔纳森所说,检查

的位置
  1. 你的Site.css
  2. 您的实际背景图片

关于内容文件。

url() 路径中删除 ../ 之一应该可以找到图像。

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

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

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