背景图像未显示在浏览器中

Question

所以我尝试在标题中添加背景图像，当我从编辑器打开 HTML 文件作为实时服务器时它工作正常，但是当我从浏览器正常打开文件时（VScode 中没有实时服务器) 图片未显示。

.header{
  min-height: 100vh;
  background-image: url("/img/hero.jpg");
  background-size: cover;
  padding: 0 20px;
}

另外，这个错误显示给我（无法加载资源：net::ERR_FILE_NOT_FOUND）但图像已经在同一个方向

Answer 1

加载资源失败：net::ERR_FILE_NOT_FOUND 表示找不到文件。这可能是因为文件不存在，它与我们指定的目录不同，或者它在正确的位置但名称与指定的名称不匹配。您可以在浏览器中打开图片并从中获取网址。