我的CSS
文件中包含以下代码,该代码应允许我设置background-image
属性,但该代码不起作用:
.landing-page-container {
width: 100%;
min-height: 100%;
height: 100vh;
background-image: url(/images/adventure-calm-clouds-414171.jpeg);
这个想法是,当我进入括号并开始输入“ /”时,它会在我的项目文件夹中找到我的文件夹的路径,但仍然不应用背景图像。我想念什么?谢谢
编辑
我也尝试了单引号和双引号,但仍然没有成功。
EDIT2
项目结构:
答案 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");
}