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

Question

这里的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%;
}

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

Answer 1

使用浏览器的开发者工具来检查和了解可能发生的情况。例如，可能是零高度绘制的元素，或者网络连接可能失败。在Chrome中，右键单击该页面，然后点击检查元素，然后浏览各种标签（例如元素，网络，控制台） 等），刷新页面，并继续查看“开发人员工具”面板为您提供的信息。这将是了解页面呈现方式，下载资源方式以及问题可能性的最简单，最可靠的方法。

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