我已经将照片保存在VS代码中的某个其他文件夹中,我的代码位于其他文件夹中,我想在代码中使用该照片作为背景图像
background-image: url("\Photos\Desert.jpg");
background-size: cover;
我试过了,但图像不显示; 如果我将图像放在与代码相同的文件夹中,并使用👇,它就能正常工作
background-image: url("Desert.jpg");
background-size: cover;
我已经将照片保存在VS代码中的某个其他文件夹中,我的代码位于其他文件夹中,我想在代码中使用该照片作为背景图像
background-image: url("\Photos\Desert.jpg");
background-size: cover;
我试过了,但图像不显示; 如果我将图像放在与代码相同的文件夹中,并使用👇,它就能正常工作
background-image: url("Desert.jpg");
background-size: cover;
您可以找到有关相对路径如何工作的详细说明here
对初始帖子的一个小更正将是调整路径,因为您使用的是backward slash
background-image: url("/Photos/Desert.jpg");
background-size: cover;
此外,当您将其放在同一文件夹中时,它可以工作的原因是因为相对路径位于根目录
background-image: url("Desert.jpg");
background-size: cover;
努力将图像文件夹放置在项目内.