3

我是一名初级程序员，已经查看了几个资源，但我无法弄清楚为什么外部 css 样式表的位置很重要。例如，分别更改文件的链接和文件的位置，将确定图片是否加载：

css中的一个简单行：

body {
    background: url(./images/test.jpg) center center fixed no-repeat;
}

这将加载一张图片：

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

这不会：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

为什么？

4

2 回答 2

2

图像位置相对于 CSS 文件的位置，而不是 HTML 文件的位置。

于 2012-08-14T01:42:31.043 回答
2

images这是因为您的文件夹中没有文件css夹。它与css文件相关，而不是html文件。

你可以像这样修复它：

body {
    background: url(../images/test.jpg) center center fixed no-repeat;
}

这首先进入根目录，然后进入图像文件夹。

然后你可以使用你的 css 行：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
于 2012-08-14T01:43:02.110 回答