路径错误添加背景图片

Question

我正在尝试使用 CSS 添加背景图像，但路径错误

CSS 路径：css/styles.css IMG 路径：img/teambg.png

background-image: url("img/teambg.png");

Answer 1

尝试使用：

background-image: url("../img/teambg.png");

Answer 2

在我们的项目中，我们通常设置一个 relative path- 从当前文件到资源所在文件的路径。

因此，根据您的文件夹结构，我们可以设置相对路径。

从文件夹中我们使用“./../”，其中“./”表示我们当前所在的位置。

因此，根据您的文件夹路径，可以回答问题。

如果您的 img 文件夹和 css 文件夹在文件夹结构中处于同一级别，这意味着我们需要从 style.css 文件所在的 css 文件夹（1 级）和设置我们的相对路径如下：

background-image: url("./../img/teambg.png");