2013-05-01 141 views
0

我有一个简单的网页结构:铬显示所无法加载资源

-index.html 
-css 
    -style.css 

的HTML的内容是:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>test</title> 
    <link rel="stylesheet" href="/css/style.css"> 
</head> 
<body> 

</body> 
</html> 

当我在Chrome中打开HTML我得到的错误:

Failed to load resource file:///C:/css/style.css

我的目录是在Windows我的文档。为什么不能.css文件中找到?

+2

尝试'HREF = “CSS/style.css文件”'。 – Vucko 2013-05-01 12:13:59

+0

你没有斜线的意思'CSS/style.css' – 2013-05-01 12:14:15

回答

5

由于控制台显示,你的路径

/css/style.css 

的意思是 “ 'CSS' 目录中的根路径”:

C:/css/style.css 

这是不是你想要的*。

使用css/style.css - 这将意味着“当前页面所在目录中的'css'子目录。”

*但即使已经被你想要什么,前往当地file://网址是有限的,因为您请求的任何资源(图片,样式表)需要在当前页面的子目录。现代浏览器施加这种限制出于安全原因。

1

正向第一斜线表示的绝对路径(从根)。因为你是从文件系统中运行你的页面中,根是驱动器。

没有正斜杠首先表示相对路径(来自当前文件夹)。

您可能还想创建具有“--allow-file-access-from-files”标志的chrome浏览器的快捷方式,因此您可以在添加更多高级功能时更好地在本地测试您的网站。