html - 路径错误添加背景图片

Question

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

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

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

标签： htmlcss

Answer 1

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

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

我们使用 " ./../" 来自文件夹，其中 " ./" 表示我们当前所在的位置。

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

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

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