CSS中的文件夹结构

Question

谁能请帮忙.

我正在刷新我对HTML和CSS的了解(自从我使用这些语言已经4年了),我在使用文件夹结构中引用图像时遇到了问题.随附的图像显示了我的项目文件夹结构.

我想要做的是从我的CSS文件夹中的index.css文件,使用以下代码行从我的Images文件夹中访问图像Logo 1.png,以用作背景.

body 
{
    background-color: #FFFEF0;
    background-image: url(./Images/Logo 1.png);
}

但是,这似乎不起作用,我看不到图像.我也尝试了../Images/Logo 1.png,但这也不起作用.从我的index.html,我可以使用./Images/Logo 1.png(注意../ vs ./)从Images文件夹中显示一个图像.

我是否以正确的方式解决这个问题？我做了一些关于引用相对路径的谷歌,但没有任何好的例子.

任何人都可以告诉我我的错在哪里？

Answer 1

如果您的URL包含空格,您应该将引用括在引号中,并将空格字符替换为%20:

background-image: url('../Images/Logo%201.png');