移动文件时不显示 css

Question

我确定这里有一些我遗漏的简单得可笑的东西，但我就是看不到它。我有许多模板页面，它们当前位于我元素的根文件夹中，还有 2 个 CSS 表。我有更多包含在“CSS”文件夹中。我想获取模板页面(将它们称为 home.aspx 和 dashboard.aspx)并将它们放在名为“Template_Design_Pages”的文件夹中。我很乐意将 CSS 页面保留在根目录中，或者移动它们。当我将模板页面移动到该文件夹​​时，CSS 丢失了。我已经尝试更新我已移动的页面上的 href，但没有效果。假设 href 是 href="css/Reset.css"- 我尝试更改为:

href="/css/Reset.css"
href="~/css/Reset.css"
href="Orion_Admin/css/Reset.css"  NB Orion_Admin is root.

这个我看过 href="<%=ResolveUrl("~/css/reset.css.css") %>" 但它也不起作用，我不确定它的作用。我对这一切都很陌生。该元素是 ASP.VB 顺便说一句。以下是似乎引起问题的代码，尽管我的图像也没有显示出来。我认为这一切都与一个问题有关:

<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/text.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
<link rel="stylesheet" type="text/css" href="layout.css" media="screen" />
<link rel="stylesheet" type="text/css" href="nav.css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
<!-- BEGIN: load jquery -->
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.ui.core.min.js"></script>
<script src="js/jquery-ui/jquery.ui.widget.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.ui.accordion.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.effects.core.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.effects.slide.min.js" type="text/javascript"></script>

Answer 1

如果我是你，我会使用绝对路径而不是相对路径。

<link rel="..." type="..." href="http://www.your.site/whatever/folder/reset.css" media="..:">

此外，在向上移动文件夹时尝试使用 ../而不是 ~。