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

Question

我目前正在构建一个网站，但我的代码遇到了问题。我正在尝试将图像设置为标题的背景。我检查了图像的路径、所有内容的拼写，并在线检查了我的语法。一切似乎都匹配，所以我不明白为什么我的图像没有弹出。你们能提供的任何帮助都会很棒。谢谢你。下面是我的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 所说，您应该检查浏览器的开发工具控制台。它将帮助您确定文件路径是否存在问题。