CSS 背景图像仅在我将图像与项目 index.css 文件位于同一文件夹中时才会出现

问题描述 投票:0回答:1

如果我的行话有点奇怪,请原谅我,因为我还是这个东西的初学者......

我正在尝试使用 CSS 和相对路径打开图像。当我使用“background-image: url()”图像的相对路径时,显示图像的唯一方法是图像与主 CSS 文件(“index.css”)位于同一文件夹中。如果我将图像移动到其他地方,我将无法显示该图像。

示例#1:

css(文件夹)->index.css(主文件),image.jpeg(我想要的图像)

在上面的示例中,我可以编写“background-image: url(image.jpeg)”,然后图像就会出现。

示例#2:

但是,假设我在 css 文件夹中创建另一个名为“image_folder”的文件夹来保存图像:

css(文件夹)->index.css(主文件),image_folder(保存image.jpeg的图像文件夹)

在这个例子中,我写了“background-image: url(image_folder\image.jpeg)”,但图像没有出现。

为什么仅当我将图像与“index.css”位于同一文件夹中时才会出现该图像?我似乎无法将图像放在其他地方并让它出现。

谢谢

每次我将图像移出与“index.css”文件相同的文件夹时,图像将无法加载

css directory path background-image
1个回答
0
投票
background-image: url(image_folder\image.jpeg) 

这是你的代码,你使用反斜杠犯了一个小错误

\
,你的代码应该如下所示:

background-image: url(./css/image_folder/image.jpeg)

使用一个点找到其父文件夹并导航要显示的图像,就像我所示的那样。如果你不使用 VS-Code,请使用 VS-Code 编辑器,它是一个很好的编写代码的软件,对初学者友好。

© www.soinside.com 2019 - 2024. All rights reserved.