提问人：Anomalyy 提问时间：7/3/2023 更新时间：7/3/2023 访问量：38
为什么我的背景图像没有显示在我的 html 文件中？
Why isn't my background image displaying in my html file?
问：
我正在尝试制作一个基本的空间网站。我想在正文元素中有一个空间图片的背景图像。但是，当我链接 url 时，它不会显示在我的网页中。我尝试通过更改 h1 颜色来确保我的 html 和 css 正确链接，并且它工作得很好。所以，我很肯定这与文件路径本身有关。我做错了什么？
我已经附上了我的代码。
答：
2赞
Ivomasterche
7/3/2023
#1
在屏幕截图中，我在您的文件结构中没有看到“images”文件夹。如果“space photo.jpg”文件与css文件位于同一文件夹中，则css行应如下所示：
{background-image:url("./space photo.jpg")}
你可以在这里了解更多关于路径的信息
https://www.w3schools.com/html/html_filepaths.asp
顺便说一句，在图像名称中使用连字符而不是空格被认为是很好的做法 （https://www.mediavine.com/image-filename-seo/#:~:text=The%20filename%20should%20be%20descriptive,you%20should%20address%20going%20forward。)
0赞
errixed
7/3/2023
#2
我看到图像文件与您的空间 .css 位于同一文件夹中，我也没有看到任何图像文件夹，
所以你可以试试这个：
/* space.css */
body {
background-image: url("space photo.jpg")
}
0赞
Infinitum
7/3/2023
#3
您的错误是图像文件夹不存在。这个问题有两种解决方案。创建一个 images 文件夹并将图像移动到该文件夹，或者将 css 文件中图像的路径更改为正确的路径。
如果决定更改文件中的路径，请将该属性替换为：
background-image: url("space photo.jpg");
我还建议您研究文件路径，因为它非常重要。
上一个：从 FormData 读取文件
下一个：无法读取图像（多次上传） php
评论