路由时的ASP.NET设计恶化

Question

我在ASP.NET Webforms中使用路由作为我的菜单链接。

这是我的Global.asax代码：

protected void Application_Start(object sender, EventArgs e)
{
    RegisterRoutes(RouteTable.Routes);
}
public void RegisterRoutes(RouteCollection routes)
{
    routes.MapPageRoute("homepage", "TestProject/Homepage", "~/pages/Default.aspx");
}

我的示例用法如下（此代码在我的母版页btw中）：

<li><a href="<%=Page.ResolveUrl("~/TestProject/Homepage") %>" class="active">Home Page</a></li>

当我运行default.aspx时，设计是正常的。但是当我点击此菜单或其他菜单时，设计会扭曲，徽标会消失等。

例如：

当我正常运行Default.aspx时，这是我的普通滑块：Normal Design

当我点击菜单上的主页时，这是我破损的滑块设计：Broken Design

这个问题的原因是什么？我该如何解决这个问题？

Answer 1

我解决了这个问题。如果有人遇到这个问题，他们可以受益如下：

在解决问题之前，我的CSS和JavaScripts是这样的：

<link href="Content/css/style.css" rel="stylesheet" type="text/css" />
<link href="Content/css/bs.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Content/js/cookie.js"></script>
<script type="text/javascript" src="Content/js/colorswitcher.js"></script>

解决问题后：

<link href="<%=ResolveUrl("Content/css/style.css") %>" rel="stylesheet" type="text/css" />
<link href="<%=ResolveUrl("Content/css/bs.css") %>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=ResolveUrl("Content/js/cookie.js") %>"></script>
<script type="text/javascript" src="<%=ResolveUrl("Content/js/colorswitcher.js") %>"></script>