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，它使用谷歌浏览器进行实时预览，在实时预览中，背景确实显示应该有，但是当我单独使用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的背景上

1 个答案: