我已经将照片保存在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;

努力将图像文件夹放置在项目内.

Html相关问答推荐

为所有必填字段添加所需的占位符文本(Angular Material)

将2个Flex列合并为1个交替子列

有没有办法根据另一个项目调整FlexBox项目的大小?

如何在HTML中适当地为单选按钮网格添加标签?

Flexbox在元素之间造成了太大的差距

十进制数字不适用于格网项目的格网布局线放置中使用的SPAN关键字

如何使div填充父项的剩余高度

Chatbox底部显示新消息,并向上推送旧消息

SVG';COLOR&39;属性不优先于通用css';COLOR&39;属性

如何使活动选项卡背景作为父背景图像

如何使元素具有粘性

页面文件夹内的 HTML 页面未加载主目录的 style.css

有没有办法在 Flutter 中创建这个浮动标签表单?

如何截断一些文本并用双引号引起来?

重点/主动输入的概述问题

CSS:第一个类型的伪类没有按预期工作

按钮显示:内联不换行

图像比预期宽的网格列

把标题、段落和图片放在一起

在 Vue 3 中使用 JavaScript 数组显示 FontAwesome 图标