html - 背景图片未在服务器上加载

Question

刚刚将我的元素从我的机器移动到我们的 DEV 服务器，但我无法加载背景图像。我已经导航到图像的 url ( http://domain.sitename.com/Images/imagename.jpg ) 并且图像加载正常。我还检查了文件夹的安全性，可以看到 IIS 用户组和我们用于站点的服务帐户。由于我在 CSS 方面是个十足的菜鸟，所以我很确定错误出在某处，但我一直无法找到有效的配置。在这一点上，将不胜感激任何解决这个问题的线索/方向/提示/技巧。

CSS

*{
    margin:0px;
    padding:0px;
}
html {      
    margin: 0;
    padding: 0;
}
body{
    background-image: url('Images/Swiftnet-Background.jpg');
    color:#444444;
    font-size:13px;
    font-family:"Century Gothic", Helvetica, sans-serif;

}

这是我们文件夹结构的屏幕截图

Answer 1

除非是完整的 http url，否则您引用的任何 url 都将相对于 css 文件所在的位置。如果你的 css 在 root/Content 中，那么你的图像文件夹必须在 root/Content/Images 中。如果图像实际上回到一个文件夹，那么你需要将你的 css url 改为 url("../Images/imagename.jpg")。

注意url中“/Images”前的两个点，两个点表示返回一个文件夹。如果需要返回两个文件夹，则使用“../../Images”等。