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 时，出现错误：

加载资源文件失败：///C:/css/style.css

我的目录在 Windows 的 Mydocuments 中。为什么找不到 .css 文件？

4

2 回答 2

7

如控制台所示，您的路径

/css/style.css

表示“根路径中的'css'目录”：

C:/css/style.css

这不是你想要的*。

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

* 但即使它是您想要的，对本地file://URL 的访问也会受到限制，因为您请求的任何资源（图像、样式表）都需要位于当前页面的子目录中。现代浏览器出于安全原因施加此限制。

于 2013-05-01T12:15:54.060 回答
2

正斜杠首先表示绝对路径（从根开始）。由于您是从文件系统运行页面，因此根目录是驱动器。

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

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

于 2013-05-01T12:16:51.000 回答