CSS

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);

}

我试过编辑宽度和高度，但没用。

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

我在编码时使用了 Brackets，它使用 google chrome 进行了实时预览，在实时预览中，背景确实出现了，但当我打开单独使用 Chrome 的页面，没有括号，背景图像不会出现。

提前致谢！

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>

CSS - 图片没有出现在 div 的背景中

CSS - Image doesn't appear on div's background

html

background-image

adobe-brackets