Bootstrap背景图像未显示

时间:2017-11-08 19:06:21

标签: html css bootstrap-4

新手在这里有一些在显示背景图片时难以理解的东西。当我链接到这样的图像时,一切正常:

.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是正确的,并且不会在其他地方被覆盖。为什么我可以使用第一种方法而不是第二种方法?

1 个答案:

答案 0 :(得分:-1)

图像和CSS样式表与HTML页面位于同一文件夹中吗?

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