如何使用相对路径访问该文件

时间:2013-04-19 06:56:45

标签: html css relative-path

我的网络应用程序中有以下文件夹层次结构。

enter image description here

我使用以下相对路径来访问我的CSS文件,但布局没有检测到CSS。有两种布局,但我从布局文件中调用CSS,它位于views文件夹中。

这是我用来访问CSS文件的路径。

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

我也使用过这条路,但没有运气。

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

请帮忙!

4 个答案:

答案 0 :(得分:0)

第二条道路应该是正确的。 我也尝试在Visual Studio 2010中使用与您相同的文件夹,并且VS给出了与您说的相同的路径(第二个)。

另一个问题,您是否将链接放入HTML页面的标题?

<head>
     <link href="../../style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

</body>

答案 1 :(得分:0)

检查您是否使用多个CSS文件。如果您使用的是Chrome / FF,则可以使用firebug等工具检查您的CSS是否被调用。

您可以使用这些工具查看完整路径。

答案 2 :(得分:0)

如果您在另一个文件中加载的布局文件尝试该文件路径或只是使用这样的路径

 <head>
     <link href="/style/style.css" rel="stylesheet" type="text/css" />
 </head>

你的真实布局也可以像这样工作

<head>
     <link href="style/style.css" rel="stylesheet" type="text/css" />
 </head>

答案 3 :(得分:0)

您可以使用:

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