为什么我的图像没有出现在背景中？

Question

我目前正在构建一个网站，运行我的代码出现了问题。我正在尝试将图像设置为 header 的背景。我检查了图像的路径、所有内容的拼写，并在线检查了语法。一切似乎都匹配，所以我不明白为什么我的图像没有弹出。你们能提供的任何帮助都会很棒。谢谢你。下面是我的 css 代码：

header {                                                                                          
  text-align: center;                                                                                           
  background-image: url("image/concert.jpg");
  background-size: 700px;
  height: 333px;
  width: 500px;
}

Answer 1

除了其他人已经对您的问题发表的评论之外，值得注意的是文件路径必须相对于 css 文件的位置。假设您的整个项目位于名为 root 的文件夹中，并且 css 位于 root/css/styles.css 但图像位于 root/image/concert.jpg，那么，从您的样式表中，您应该将图像称为 background-image: url("../image/concert.jpg"); 正如@David Alsbright 所说，您应该检查浏览器的开发工具控制台。它将帮助您确定文件路径是否存在问题。

为什么我的图像没有出现在背景中？

Why is My Image Not Showing Up in The Background?

html

css

background

image

background-image