背景图像永远不会出现

时间:2018-01-20 01:19:26

标签: css background-image bootstrap-4

关于bootstrap的课程,我再次遇到background-image问题:url(../ img / home.jpg)no-repeat;

它没有出现。当我将鼠标悬停在括号中的引用上时,它会定位图像,但从不将其推送到实时演示。

代码如下所示:

dependent-map

home-section也正确归因于html标题中的id。我甚至做了引号,它仍然找到了文件。就像我说的,当我将鼠标悬停在括号中的图像上时,它可以找到图像并显示它。但是当我将它发送到实时服务器时,没有任何反应。令人难以置信的沮丧。我是否可以使用可能阻止其正常显示的扩展程序?

3 个答案:

答案 0 :(得分:0)

我怀疑问题出在您图片的相对网址上:

url(../img/home.jpg)

../表示你的img目录在你的webroot之外。如果您使用Chrome,则可以通过打开开发人员工具(Ctrl + Shift + I)并切换到“网络”标签来查看。注意任何红色请求 - 这些都是丢失的文件。

您还应右键单击该页面并使用“inspect”检查html。将鼠标悬停在您的div上,这会在页面上突出显示它,这样您就可以看到它是否在您期望的位置,以及您希望它的大小。

答案 1 :(得分:0)

如果您的Brackets编辑器的本地服务器正确显示图像但您的远程/实时服务器没有,那么只能得出一个结论:

您的实时服务器上没有与本地计算机上相同的内容。

答案 2 :(得分:0)

您似乎输入了图像的路径。你应该做的是复制图像并将其放在工作目录/文件夹中,这样就可以找到图像。这很可能是图像没有显示的情况。另外,请确保您的文件名放在引号