引导背景图像不显示答案

【问题标题】：Bootstrap Background Image Not Displaying引导背景图像不显示
【发布时间】：2017-11-09 03:13:59
【问题描述】：

这里的新手在显示背景图像时遇到了一些让我难过的事情。当我像这样链接到图像时，一切正常：

.backg {
  height: 100%;
  background: url(http://formdoctors.com/creese79/msc/pages/med_background.jpg);
  background-position: center center;
  background-size: cover; 
}

但是当我尝试像这样指向图像路径时，背景不会出现。

.backg {
  height: 100%;
  background-image: url(med_background.jpg);
  background-position: center center;
  background-size: cover; 
}

如果我可以链接到它，我假设名称是正确的，它在文件夹中并且它显示完美，CSS 是正确的并且没有在其他地方被覆盖。为什么我可以使用第一种方法而不是第二种方法？？

【问题讨论】：

图片和网页在同一个文件夹吗？您在控制台中遇到什么错误？
图片路径应该是相对于css文件的路径。因此，如果 css 和图像都在那个 pages 文件夹中，你应该没问题，只记得在你的图像名称周围加上单引号。否则，如果 css 位于 pages 文件夹下的 css 文件夹中，则放置 '../med_background,jpg'

标签： html css bootstrap-4

【解决方案1】：

图像和 CSS 样式表是否与 HTML 页面位于同一文件夹中？

检查图像和 CSS 文件的文件路径。路径应该相对于 CSS 文件，而不是 HTML 文件。

【讨论】：

非常感谢！我假设路径是相对于我的页面的，但它来自 CSS 文件本身。抱歉问了这么愚蠢的问题。