不接受VS Code背景图片

时间:2018-07-14 16:44:57

标签: 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

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

由于您尚未列出文件夹结构,因此不清楚您的问题,但我建议您查看this page of CSS paths

答案 2 :(得分:0)

首先删除背景图片中的url()

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