Question

我网站的文件夹图片包含HoezenCollageLight.jpg。它工作正常。但现在它已经不再显示了。我仍然在文件夹图像中找到该图像。

过去：

enter image description here

......现在：

enter image description here

可能出现什么问题？

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;
}

Answer 1

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

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

使用../从包含样式表（/Content/）的目录导航到其父目标（/），将您带到站点的根目录Images目录驻留。

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

Answer 2

替换下面的代码：

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

而不是

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

这在某些时候有效。

Answer 3

正如乔纳森所说，检查

的位置

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

与内容文件有关。

为什么不在我的网站上显示正文中的背景图像？

3 个答案: