html - 尽管使用本地或外部链接，我的背景图像仍无法加载

这是html文件：

<section>
    <div id="section1" class="container">
    </div>
</section>

这是CSS：

#section1{
    height: auto;
    margin-top: 0px;
    background-image: url('bg-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

我试图用外部链接（来自Google）替换网址，但仍然无法加载

最佳答案

使用浏览器的开发人员工具检查并了解可能发生的情况。例如，也许元素的绘制高度为零，或者网络连接失败。在Chrome中，右键单击该页面，然后单击“检查元素”，然后在各个选项卡（例如Elements，Network，Console等）中导航，刷新页面，并继续查看“开发工具”面板为您提供的信息。这将是了解如何呈现页面，如何下载资源以及可能出现问题的最简单，最可靠的方法。

其他浏览器（Safari，Edge，Firefox）也具有类似的“开发人员工具”面板，您可以打开它们并检查页面。我最熟悉Chrome的工具，并且发现它们对于调试网页非常有用。

关于html - 尽管使用本地或外部链接，我的背景图像仍无法加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48409844/