css - 将 css 文件移动到新的 css 文件夹后无法从我的 css 访问我的图片

Question

在更新我的 css 之前，我在 Login.css 中有以下内容:

body
{    
  background-image: url('./pictures/fond.png');    
  background-repeat: repeat-x;
}

这是我的结构:

现在我有以下 css:

body
{    
  background-image: url('../pictures/fond.png');    
  background-repeat: repeat-x;
}

请注意网址中的双点。

这是我的新结构:

我的问题:在我的 IIS 测试服务器上发布时，我看不到我的图片!？在本地开发机器 (VS2012) 上，我可以看到我的图片。

但是如果我更新位于 IIS 测试服务器中的 Login.css 并将我的双点替换为单点，它会再次工作。这不符合逻辑，因为(在我更新之后)Login.css 现在位于 css 文件夹下。

有什么想法吗？

谢谢。

更新----------------

这是我引用我的 CSS 的方式:

bundles.Add(new StyleBundle("~/Content/bundleLogin").Include(
            "~/Content/css/bootstrap.css",
            "~/Content/css/Login.css"));

我创建了一个包，然后:

@Styles.Render("~/Content/bundleLogin")

Answer 1

我打赌你已经在 View 中硬编码了你的 CSS 文件的路径，就像这样:

<link href="Content/css/Login.css" rel="stylesheet" type="text/css" />

而不是用正确的方法——当然是使用 url 助手:

<link href="@Url.Content("~/Content/css/Login.css")" rel="stylesheet" type="text/css" />

就您的 CSS 文件而言，您在那里引用的所有 URL(例如图像)始终相对于 CSS 文件的当前位置。所以如果你正确地引用你的 CSS 文件，你就不会有任何问题。使用 url('../pictures/fond.png'); 是正确的相对位置。

---

更新:

哦，我明白了。您正在使用 bundle 。那么， bundle 的问题在于您声明 bundle 名称的方式，您没有与物理结构相同级别的文件夹嵌套。所以像这样修改你的包:

bundles.Add(new StyleBundle("~/Content/css/bundleLogin").Include(
        "~/Content/css/bootstrap.css",
        "~/Content/css/Login.css"));

然后:

@Styles.Render("~/Content/css/bundleLogin")