在MVC中css3pie,在哪里放置pie.htc文件?

时间:2011-02-02 04:48:34

标签: css asp.net-mvc asp.net-mvc-2 css3pie

我一直在尝试使用我的MVC项目中的Css3pie来渲染圆角面板但到目前为止没有运气。

我使用普通的html页面跟踪示例,它完美地运行但不在我的MVC项目中。 我认为这与在'MVC中混淆的'pie.htc'文件的路径有关

我将'pie.htc'文件放在项目文件夹(root)和我的css文件中,我使用: 行为:url(/PIE.htc);

我认为需要修改MVC路由器以接受htc文件扩展名? 对不起,我对MVC很新。有没有人尝试过pie.htc并让它在MVC项目中工作,请帮忙吗?

谢谢!

3 个答案:

答案 0 :(得分:16)

作为附注(并且可能会解决您的问题)如果您不希望在您的根目录下使用.htc文件,您可以执行以下操作来解决行为固有的相对路径问题。这不是最漂亮的解决方案,但效果很好 -

在您的css中,将行为定义为:behavior: url(CSS3PIE);

然后在你的Global.asax.cs中有以下代码:

protected void Application_BeginRequest(Object sender, EventArgs e)
{
    CheckForCSSPIE();
}

private void CheckForCSSPIE()
{
    if (!Regex.IsMatch(Request.Url.ToString(), "CSS3PIE"))
    {
        return;
    }

    const string appRelativePath = "~/Content/css/PIE.htc";
    var path = VirtualPathUtility.ToAbsolute(appRelativePath);
    Response.Clear();
    Response.StatusCode = (int)HttpStatusCode.MovedPermanently;
    Response.RedirectLocation = path;
    Response.End();
}

它只会查找与“CSS3PIE”匹配的任何请求,并从正确的位置返回.htc文件。

答案 1 :(得分:1)

将以下内容添加到RegisterRoutes(RouteCollection routes)文件

Global.asax方法中
routes.IgnoreRoute("pie.htc");

答案 2 :(得分:0)

在样式表中,添加以下behavior

behavior: url("/Content/PIE/PIE.css")