html - CSS - 图像没有出现在 div 的背景上

Question

我有一个非常简单的 div，由于某种原因背景不想出现:

       <div class="photo-div">

          <span class="my_name">My name</span>

       </div>

CSS:

.photo-div {
    width: 100%;
    height: 680px;
    background-size: 100% auto;
    background-image: url(/images/background.jpg);

}

我试过编辑宽度和高度，没有帮助。

当我将其编辑为background-color 时，背景确实出现了。

我在编码时使用了 Brackets，它使用 google chrome 进行了实时预览，在实时预览中，背景确实显示了它应该有的样子，但是当我单独使用 Chrome 打开页面时，没有 Brackets，背景图片没有出现。

提前致谢!

Answer 1

请确保您指定的图片路径是正确的

.photo-div {
    width: 100%;
    height: 680px;
    background-size: 100% auto;
    background-image: url(https://lh3.googleusercontent.com/-XdUIqdMkCWA/AAAAAAAAAAI/AAAAAAAAAAA/4252rscbv5M/photo.jpg?sz=32);
    background-repeat: no-repeat;

}

<div class="photo-div">
 <span class="my_name">My name</span>
</div>