如果我的行话有点奇怪,请原谅我,因为我还是这个东西的初学者......
我正在尝试使用 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”文件相同的文件夹时,图像将无法加载
background-image: url(image_folder\image.jpeg)
这是你的代码,你使用反斜杠犯了一个小错误
\
,你的代码应该如下所示:
background-image: url(./css/image_folder/image.jpeg)
使用一个点找到其父文件夹并导航要显示的图像,就像我所示的那样。如果你不使用 VS-Code,请使用 VS-Code 编辑器,它是一个很好的编写代码的软件,对初学者友好。