html - 不接受 VS 代码背景图片

标签 html css visual-studio-code

我的 CSS 文件中有以下代码,应该允许我设置 background-image 属性,但它不起作用:

.landing-page-container {
    width: 100%;
    min-height: 100%;
    height: 100vh;
    background-image: url(/images/adventure-calm-clouds-414171.jpeg);

我的想法是,当我进入括号内并开始输入“/”时,它会在我的元素文件夹中找到我的文件夹的路径,但它仍然不应用背景图像。我错过了什么?谢谢

编辑

我也尝试了单引号和双引号,但仍然没有成功。

EDIT2

元素结构:

enter image description here

最佳答案

好吧,显然在路径前使用两个点就可以了。所以 background-image 属性的最终值是这样的:

.landing-page-container {
    width: 100%;
    height: 100vh;
    background-image: url(../images/adventure-calm-clouds-414171.jpeg);

关于html - 不接受 VS 代码背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51341439/

相关文章:

html - 如何更改 SVG 圆的大小

html - 缓存 list 在联机时弄乱了我的应用程序

visual-studio-code - VSCode 和 Windows 终端预览

flutter - VSCode 无法自动导入 flutter_gen

html - CSS 背景图像不透明度?

html - 使用打印模式 css 打印网页时页眉和正文内容重叠

jquery - 样式在页面刷新时消失片刻

CSS - 具有完美正方形的网格

javascript - 如何在移动浏览器中使固定背景覆盖整个屏幕?

php - 如何在 Visual Studio Code 中忽略 SQL 语法