css - asp.net mvc 区域内样式表中的相对路径

Question

我有一个具有当前结构的元素

My Project
  /Content
  /Controller
  /View
  /Model
  /Areas
     /Area1
        /View
        /Controller
        /Model
     /Area2
        /View
        /Controller
        /Model

所有区域 View 都使用根共享 _Layout View ，该 View 引用根内容目录下的 css 文件。 content 文件夹下的 css 文件引用图像或其他具有相同目录的内容，如下所示:

.box-shadow
{
    -webkit-box-shadow: 0px 5px 80px #505050;
    -moz-box-shadow: 0px 5px 80px #505050;
    box-shadow: 0px 5px 80px #505050;
    behavior: url('../Content/PIE.htc');
}

当我访问“http://MyProject/controller/action”时，所有这些工作正常，但是当我进入“http://root/area/controller/action”区域时，我的 css 文件无法找到路径“../Content/PIE.htc”。

我不知道如何解决这个问题，所以我想知道是否有人知道解决这个问题的方法。

谢谢!

Answer 1

如果所有区域中的所有 View 都使用根共享 _Layout (~/Views/Shared/_Layout.cshtml)，请确保 _Layout.cshtml 调用 css 文件，如下代码所示:

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

我用 MVC 3 测试了它，它可以工作。